HTML & CSS & JavaScript で作る「超適当な電卓」
初めに これは、前回書いた、「Tkinter で作成する超適当な電卓」にひき続くものです。link:https://qiita.com/chi1180/items/861d60d8fea59240d…
View Article【CSS】スクロールバーのデザインを手軽におしゃれにする
はじめに 一般的なWebサイトではグレー色のスクロールバーがあると思います。 その他の色がついているスクロールバーを見かけることは、ほとんどないのではないでしょうか。 気になったのでスクロールバーの…
View Article【2024/01/15】今日のキャッチアップ
「世界一流エンジニアの思考法」を読んだ 読んだ後の感想は以下スクラップに書き連ねている。ここ最近で最も心から読んで良かったと思える良書だった。 https://zenn.dev/toono_f/sc…
View Article【パブリッシャー】WebレポートにExcelダウンロード用アイコンを追加してみる
はじめに Sharperlightパブリッシャーは、お好みのデータソースからダイナミックに抽出したデータを元に、表やチャートなどを作成しブラウザ上で可視化することを手助けするエンドユーザー向けアプリ…
View Article【Publisher】Try adding an Excel download icon to a web report
Introduction Sharperlight Publisher is an end-user application designed to facilitate the creation …
View Article簡単なTODOアプリケーション
初めに HTML、CSS、JavaScript で作る簡単な TODO アプリケーションです。 https://www.youtube.com/watch?v=E08jeQBa1D0&t=3677s…
View ArticleCSSの擬似要素・擬似クラス
CSSの擬似要素 ::first-letter 要素の1文字目を指定 1文字目だけにスタイルを適応させたい場合 ::first-line 要素の1行目を指定 1行目だけにスタイルを適応させたい場合 …
View ArticleHTML & CSS & JavaScript でwebページに雪を降らせましょう！（寒いです）
初めに 今回のモノは、cssがメインなものになってるのかな？ と思われます。 意味不明なものは調べていただいたり、コメントして頂くと私も大変ありがたいです。 書いていこう 今回も説明（適当でごめんな…
View Articleアカン！z-indexが効かへん！！(Tailwind CSS)
....z-indexが効かん！ 現在インターン先で取り組んでいるプロジェクトで、z-indexが効かないでドブカスになっており、困ったのですが簡単なところで解決策が見つかりました。 今回の使用技…
View Article【CSS】特定の要素より後の要素を指定する方法
「以降」 以下のように記述することで特定の要素(.targetの要素)以降の要素が指定できます。 ul li.target, ul li.target ~ li { color: red; } 「よ…
View ArticleHTML & CSS & JavaScript でwebページに雪を降らせましょう！Part_2
初めに 今回の頭骨は、…「投稿」は、前回書かせて頂いた HTML & CSS & JavaScript でwebページに雪を降らせましょう！（寒いです） という記事の、Part_2です！ 書く予定ゼ…
View ArticleMisskeyのカスタムCSSをアカウント毎に指定する
このカスタムCSSはデッキUIでのページ表示に動作を完全にカバーしているわけではありません。 この記事で対象とする読者 Misskeyの同一サーバーにアカウントを持っている カスタムCSSを使って…
View ArticleHTML/CSSとJavaScriptは楽しかった話
1.初めに 今週は主にフロントエンドの領域の勉強をしていたので、フロントエンドを学習していて楽しかったことや思ったことなどを発信していきます。 2.楽しかったこと フロントエンドを学習していて楽しか…
View ArticleCSSの一括指定（短縮）プロパティ
はじめに こんにちは！ CSSの学習を進めていく中で複数のプロパティをまとめて指定できる一括指定（短縮）プロパティの存在を知りました。 しかし、いざ一括指定プロパティを使用するとなるとどのプロパティ…
View ArticleRaectでsrc以下のsvgをインポートした時に、cssで色を変える方法
はじめに Reactで、src/assets以下のSVGをimportして使用した時、うまいこと色が変えられなかったので調べてみました。 問題 いつも通りcssでcolor: red;のような形でS…
View Article【CSS】スクロールバーを非表示にする方法
以下のように記述することでスクロールバーが非表示になります。 .scrollbar { -ms-overflow-style: none; scrollbar-width: none; } .scr…
View Article【Safari】Safariで高さ指定がうまく効かなかった件
最近iPhone画面を開発しております。 開発が完了し、実際にアプリをデプロイ。 それをSafariで確認すると、なんと高さがうまくあわない、、という事象が発生しました。 ただし、GoogleとかL…
View ArticleCSS設計の基本とリファクタリング
1.はじめに CSSはウェブ開発において不可欠な技術です。 この記事では、CSS設計の重要性とその基本原則について掘り下げ、フロントエンド開発における効果的なスタイル指定の方法を提案します。 2. …
View Article【CSS】clip-pathで三角形を作ってみた！
やりたいこと 今回やりたいことは、以下の画像のような四角形の変形した図を作成することです。 これをHTMLとCSSで作成します。 考え方 三角形＋四角形を組み合わせて作成してみようかなと思います。 …
View ArticleiOSでbackground-blend-modeがうまく効かないので、mix-blend-modeに変更したら上手くいった
これは何 SVGを使ってノイズの背景を作る際にbackground-blend-modeを使っていたらiOSで表示が崩れてしまったので、mix-blend-modeにしたらうまく行ったよというメモで…
View Article