Chrome の Canary build が、HTML 5.1 で策定中の dialog 要素に対応したとのことで、HTML5Rocks でデモページが公開されています。その紹介と、dialog 要素についての簡単な解説。 HTML5Rocks の記事経由ですが、Chrome の Canary build が、HTML 5.1 で策定中の dialog 要素に対応したとのこと。 現状では、chrome://flags から enable-experimental-web-platform-features を有効にする必要がありますが、これによってダイアログボックス (モーダルウィンドウ) の表示を HTML と簡単な JavaScript API で行えます。また、::backdrop 疑似要素を使用することで、ダイアログボックス表示時の、画面背景を暗くするあれも CSS だけで簡単に
![Chrome Canary が dialog 要素に対応、ダイアログボックスの表示が簡単に](https://cdn-ak-scissors.b.st-hatena.com/image/square/8df24699609576d7ec18a7c69bcdbe9440d2789e/height=288;version=1;width=512/https%3A%2F%2Fhyper-text.org%2Fstatic%2Fimg%2Fogp-image.png)