タブ、アコーディオン、モーダル、カードのような、Webサイトでよく使うUI部品の実装例をまとめています。

どの記事も、details要素やdialog要素、hidden="until-found"のようなHTMLの標準の機能を土台にし、JavaScriptは足りない部分を補うだけにしています。キーボードやスクリーンリーダーでの操作も、実装の一部として扱っています。