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...
picture要素で出し分ける際のwidthとheightの指定
レイアウトシフト対策として画像にwidthとheightを設定することがありますが、picture要素を使ってPCとSP...
MTブロックエディタでカスタムブロックの変更が他のカスタムブロックに反映されない
MTブロックエディタでカスタムブロック(親ブロック)を作成する際、ブロックの項目ですでに作成したカスタムブロック(子ブロ...
VSCodeでPrettierを使用する
VSCodeの拡張機能からPrettierを使用する方法をメモ。...
文末にアイコンがあるテキストの省略処理
テキストを複数行で省略する際、文末にアイコンがあるとどういった挙動になるのかを試してみました。...
scroll-snapでスクロール毎にセクションの切り替わるページを実装する
以前にscroll-snapを使用する記事を投稿しましたが、scroll-snapを使ってスクロール毎にセクションの切り...
MTブロックエディタでボタンのカスタムブロックを作成する
以前にMTブロックエディタでカスタムブロックを作成する記事を投稿しましたが、今回はボタンのカスタムブロックを作成する例で...
loading=”lazy” を設定した際にiOS Safariで画像が表示されない
タイトルの通りですが、loading属性で画像の遅延読み込みの設定をしていた際、一部画像がiOS Safariで表示され...
Prettierを使ってみる
コードフォーマットツールのPrettierの使い方をメモ。...
Astroで動的にHTMLタグを変更する
Astroで変数を使ってHTMLタグを変更する方法をメモ。...