この記事ではCSS anchor-positioningのサポートが追加されたことを取り上げたい。Edge、Chrome、Safariではすでにサポートされているため、今回のFirefoxの対応により、主要なブラウザすべてで対応したことになる。 CSS anchor positioning - MDNCSS anchor positioning - Can I use..

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2024年、Web制作者がチェックしておきたいCSSの新機能を紹介します。 CSS Wrapped 2024 ...

CSS のアンカーポジショニングは、アンカーポジショニングされた要素の複数の代替位置を指定するための CSS だけのメカニズムも提供します。例えば、ツールチップがフォームフィールドにアンカーされているが、既定の位置設定では画面外にレンダリングされる場合、ブラウザは別の提案され ...

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

今回対応した案件の備忘録です。 [ 現象 ] サイトのメニューにトップページ内のアンカーリンクを設置したのですが、iPhoneでクリックすると、1回目はリロードになり、2回目にクリックしてやっとアンカーリンクの該当箇所に遷移しました。 [ 対処法 ] < body ...