CSSフレームワークからみる、フォーカス・インジケータの違いを考察 フォーカスってなに? フォーカスの可視化について フォーカスのスタイル CSSフレームワークはどのような対応をしているのか? BULMA 特徴 Bootstrap 特徴 Materialize 特徴 Pure.css 特徴 skeleton 特徴 CSSフレームワークの総評 1. Bootstrap 2. BULMA 3. Pure.css 4. Skeleton 5. Materialize まとめ フォーカスってなに? 「フォーカス」とは、パソコン画面上でウインドウや入力ボックス、アイコンやボタン、画像といった対象物が「次の操作」を受けられる(アクティブな、選択された)状態のことです。 引用:weblio辞書「フォーカス」(別窓でリンク) 上記の動作サンプルを例にすると、テキストフォーム、セレクトフォーム、ラジオボタン
![CSSフレームワークからみる、フォーカス・インジケータの違いを考察 - ME to FE](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d9e06e1218c4c7d53314f20a7d8443ae01a6d15/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsaimari02%2F20191222%2F20191222172727.png)