先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装 ...
そのほかにも、「CSS headline balancing」や「Popover API」にも注目したい。 「CSS headline balancing」（text-wrap:balance）は、それぞれの行の長さができるだけ等しくなるように改行する。主に見出しでの利用が想定されており、これまで手作業で行ってきたデザインをスタイルシートで行えるようになる。
ポップオーバーUIを簡単に実装できるPopover APIを実務で使ってみて、よいところといくつか注意点が見えてきましたので、まとめてみました。 Popover APIで表現できること ツールチップやトースターなどのモードレス（前面に表示された要素以外も操作可能な ...
今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2025年、Web制作者がチェックしておきたいCSSの新機能: カスタマイズ可能な新しい ...
修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。 この記事は、以下のモダンCSSに関する記事のHTML版です。 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のよう ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する