コード激変！Html標準ポップオーバーが創り出すUiの新常識

コード激変！Html標準ポップオーバーが創り出すUiの新常識の最新情報をお届けします。役立つ情報がチェックできます。

従来の``要素やカスタムダイアログと、HTML Popover APIを用いたアプローチには決定的な違いが存在する。それは「バックドロップ（背景の暗転）によるユーザー操作の強制」が必要か否かという点だ。モーダル対話箱が画面全体をロックするのに対し、ライトウェイトな情報提示に特化したポップオーバーは、ユーザーの閲覧体験を妨げない。さらにコード量に目を向けると、かつて数十行におよぶJavaScriptで制御していたイベントリスナー処理が、完全に不要となる。保守性とレンダリングパフォーマンスの向上は明らかだ。