ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。アンカーポジショニング（Anchor Positioning）を ...

Chrome 132で追加された、CSSとHTMLの新しい機能3つを紹介します。 1/15にリリースされたChrome 132でCSSとHTMLの新しい機能が3つ追加されました。対象となるChrome 132は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その3つの新しい機能を紹介します。

Web制作の現場でよくある「アンカーリンクのズレ問題」。固定ヘッダーがあるページで、id付きの見出しにジャンプすると、見出しがヘッダーの裏に隠れてしまう…そんな経験、ありませんか？ この問題、CSSの scroll-margin-top を使えば、スマートに解決でき ...

The CSS Working Group just discussed [css-anchor-position-1] Which writing-mode does position-try-tactics operate on?, and agreed to the following: RESOLVED: use the containing block's writing mode, ...