Tailwind CSSで任意のclassが付与された時にスタイルを適用する
Tailwind CSSを使って、「is-current」のような任意のclassが付与された際にスタイルを適用する方法...
VSCodeで左右のタブに切り替える
VSCodeでCtrl + Tabキーを押下すると、直近表示した順でファイル一覧が表示されるようになっていますが、ブラウ...
:user-invalid擬似クラスを使ってみる
フォームの要素をユーザーが操作した後で、内容が有効でなかった場合にスタイルを設定できる:user-invalid擬似クラ...
Astroで動的にHTMLタグを変更する
Astroで変数を使ってHTMLタグを変更する方法をメモ。...
Astroでループや条件分岐を行う
Astroでループや条件分岐のやり方をメモ。...
Figmaでテキスト情報を取得するプラグインを作成する
以前に投稿したFigmaのプラグインを作成する記事の内容を踏まえて、Figmaのページ内のテキスト情報を取得するプラグイ...
Cursorでsetting.jsonを開く
以前にVSCodeでPrettierを使用する記事を投稿しましたが、Cursorで設定しようとした時にsetting.j...
要素のサイズ設定時に使用できるキーワードを試してみる
要素のサイズ設定時に使用できるキーワードのstretch・fit-content・min-content・max-con...
dialog要素を使ってモーダルを実装する
dialog要素を使ってモーダルを実装する際、よく必要になる処理をいくつか実装してみます。...
YouTubeのプレイリスト内の動画情報をスプレッドシートに出力する
以前にGoogle Apps ScriptでYouTube Data APIを使い、動画情報を出力する記事を投稿しました...
ナビゲーションの現在地設定をJavaScriptで対応する
閲覧中のページURLに応じてナビゲーションにカレントのスタイルを設定する実装をメモ。...
CSSのプロパティの値をリセットする
CSSのプロパティの値を戻す設定についていくつか試してみます。...
Movable Typeで記事に紐づいたカテゴリの並び順を制御する
Movable Typeで記事に紐づいたカテゴリを表示する際、管理画面上の並び順で表示することが標準機能だとできないよう...
Google Apps ScriptでYouTube Data APIを使用する
Google Apps ScriptでYouTube Data APIを使用して、特定の動画情報をスプレッドシートに出力...
details要素の開閉時をフェードで切り替える
以前にdetails要素の開閉アニメーションをJavaScriptを併用して実装する記事を投稿しましたが、今回はCSSの...
WordPressでマルチサイト機能を使用する
WordPressでマルチサイト機能を使用する機会があったので、設定方法をメモ。...
Movable TypeのURLでアンダーバーがハイフンに変換される
Movable Typeでページを生成する際、URLに含めているアンダーバーがハイフンに変換されてしまうということがあっ...
CSSの単位のsvh,lvh,dvhを使ってみる
CSSのビューポート単位のうち、svhとlvh、dvhについて試してみます。...
selectの未選択状態にスタイルを設定する
selectの未選択状態に、placeholderのようなスタイルを設定したいということがあったので、検討した実装方法を...
Sassでフェード切り替えのmixinを作成する
以前に@starting-styleを使用する記事でフェードのアニメーションを実装しましたが、その実装をSassのmix...