【react/next.js】useContextを使ってページのスクロール量を各コンポーネントで共通化するサンプルコード
サイト内の各ページで使い回せるスクロール量を検出するコンポーネントの実装方法を解説します。検出した値をページ内の他のコンポーネントと共有する方法が解ります。
サイト内の各ページで使い回せるスクロール量を検出するコンポーネントの実装方法を解説します。検出した値をページ内の他のコンポーネントと共有する方法が解ります。
ウィンドウサイズに応じてフォントサイズを可変させるCSSをご紹介。calc()を使ってピクセルをvwに変換します。最小値、推奨値、最大値の3つの設定で制御します。
お問い合わせや資料請求、ショッピングカートへの誘導ボタンなどでよく見る固定ボタンの作り方を動画とソースコードを交えてご紹介します。Intersection Observer使用!
Webサイトの表示速度が遅いときは、まず画像を最適化しましょう。ファイル形式と圧縮、WebPやAVIFするためのツールをご紹介します。