先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装 ...

WebサイトやSaaSの管理画面を操作している際、画面の端からスッと滑らかに現れるサポートメニューや通知パネルを見たことはないでしょうか。 本記事では、ユーザーの操作性を大きく向上させる「スライドイン形式のポップオーバーUI」を、最新のHTML標準 ...

そのほかにも、「CSS headline balancing」や「Popover API」にも注目したい。 「CSS headline balancing」（text-wrap:balance）は、それぞれの行の長さができるだけ等しくなるように改行する。主に見出しでの利用が想定されており、これまで手作業で行ってきたデザインをスタイルシートで行えるようになる。

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