はじめに：Stickyヘッダーとは？ Webサイトをスクロールしても、ヘッダー（ナビゲーションバーなど）が画面の上部に追従するように残るUIを「Stickyヘッダー」と呼びます。 .site-header { position: -webkit-sticky; /* Safari対策 */ position: sticky; } 5. スクロールに応じて ...

株式会社クリーク･アンド･リバー社（C&R社）は9月18日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（1）〜ヘッダー ...

「上に常にナビが出ているやつを作りたい」 固定ヘッダーは最初に覚えると、その後のレイアウト設計がぐっと楽になります。 ここでは基本実装 → ありがちな落とし穴 → 改良ポイントの順に、初心者でもそのまま流用できる形で解説します。 固定 ...

株式会社クリーク･アンド･リバー社（C&R社）は2月14日（金）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、昨年9月に開催したオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（1 ...