特集JSなしで、ここまで作れる — ブラウザ標準で実装するモダンUI
これまでJavaScriptライブラリやスクロール監視に頼っていたUIが、ブラウザ標準のHTML/CSSだけで作れるようになってきました。ポップオーバーや位置合わせ、スクロール連動など、JSなしでどこまで実現できるかの参考にしてください。
お知らせ
- お知らせCodeGridがリニューアルしました。デザインが変わり、ライト／ダークモードの切り替えに対応、カテゴリーやバックナンバーを整理し、情報にたどりつきやすくなっています。なにかご不便点がありましたらお問い合わせページよりご連絡ください。
- お知らせ10月は5週あるため、10月22日（木）の配信はお休みとさせていただきます。ご了承ください。
- ゆる雑談次回のゆる雑談は10月26日（月）12:05〜、ゲストはモダンフロントエンド・エンジニアの中野です。テーマは「『ホーム画面に追加』でできること」（購読者限定Discord雑談会チャンネルにて）。
特集
すべての特集- 特集
特集迷わせない、邪魔しない。使いやすいUIの原則
ユーザーが画面を見て「これは何で、どう操作するのか」を判断する労力——認知コスト——の大小が、UIの使いやすさを左右します。リンクに見えてリンクでない要素、取り返しのつかない操作、流れを断ち切る画面遷移など、ユーザーを迷わせ・困らせないための原則を集めました。