2017年6月第5週号 1位は、失敗しないメニューデザインのヒント、気になるネタは、PCで「フリック入力」できる専用デバイスキーボードが使えない“スマホネイティブ”世代向け

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2017年6月19日～6月25日の間に見つけた記事のベスト5です。

失敗しないメニューデザインのヒントを10個紹介しています。

CSSで要素を横並びにする方法や中央に配置する方法を解説しています。

ブロック要素とインライン要素の解説など初歩的なところから丁寧に説明していますが、後半はCSSのテクニック集のような実践的な内容で参考になります。

テンプレートから簡単にWebサイトを作れるSquarespaceのようなツールはWebデザイナーを不要にするものではなく、敵じゃなく味方として利用した方が良いといった内容の記事です。

簡単Webサイト作成ツールと素人デザイナーの限界としては、以下のような内容で解説していました。

パンくずリストのCSSでのデザイン例を10個紹介しています。

各サンプルはコード共有サイトCodePenにリンクしているので、コードを確認しながらいじってみることも可能です。

画面を二分割したWebデザインの優れた例をまとめています。うまく使えばコンテンツの配置が分かりやすく、ユーザーが情報を見つけやすいページが作れます。

最初の画面だけではなく、二分割のままページが切り替わっていく凝った作りのサイトもありました。

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

先週の気になるWebサービス

今回は、カラーパレットを作るためのサービス各種をまとめた記事を紹介します。

以下の3項目にわけて掲載していました。

色覚異常の人にも使いやすいサイトにするため、色盲での配色テストや色覚異常者の見え方をシミュレートするサービスなどが紹介されています。ちなみに、世界中で2億8500万人以上が視覚障害をもっており、多くの人が軽度か中程度とのことです。

パソコンとスマートフォンをケーブルでつなぎ、スマートフォンからパソコンのキー入力を可能にするデバイスが登場しました。最近の新入社員や大学生はキーボードのタイピングが苦手というニュースを見たのが開発のきっかけだそうです。

対応スマートフォンはAndroid 4.1以降で、パソコンはWindows、Mac、Linuxに対応。スマートフォン側だけに専用アプリが必要ですが、IMEは任意のものが使えます。

「Shift」「⁠Ctrl」「⁠Alt」などの特殊キーを使え同時押しもOK、マウスカーソルの操作やスクロールホイールも使えるので、パソコンの操作が全てスマートフォン側でできるというのが面白いですね。