FrontierLineの技術メモ

アクセシビリティ

Web制作Tips（コーディング実務） height:autoがアニメーションしない理由と直し方（grid-template-rows 0fr→1frでアコーディオンを開閉する）

height:autoがアニメーションしない理由と実務的な直し方｜max-heightの限界・grid 0fr→1fr・JSで実測値を渡す3手順

アコーディオンやFAQの開閉がパッと切り替わるだけでアニメーションしない原因と直し方。height:autoが補間できない仕組み、max-heightの限界、grid-template-rows 0fr→1frの書き方と閉じきらない落とし穴、JSでscrollHeightを渡す方法、detailsの閉じアニメーションまで。

続きを読む
Web制作Tips（コーディング実務） 固定ヘッダーでアンカーリンクがずれる問題を示す図

固定ヘッダーでアンカーリンクの位置がずれる問題の直し方｜scroll-margin-topが効かない理由・可変ヘッダー・別ページ着地まで

「目次から見出しをクリックしたら、その見出しが固定ヘッダーの裏に隠れて本文の途中から始まる」——追従ヘッダーを実装したサイトで必ず出るのがこ […]

続きを読む