2017年8月第5週号 1位は、円滑なユーザー体験のためにウェブデザインでやるべきこと、やってはいけないこと、気になるネタは、Twitterのハッシュタグが誕生10周年

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

円滑なユーザー体験のためにウェブデザインでやるべきこと、やってはいけないことをまとめた記事です。

やるべきこと

やってはいけないこと

ハンバーガーメニューの代わりとなるナビゲーションを5つ紹介しています。

ハンバーガーメニューのトレンドを5つ紹介しています。

Sketchのようなグラフィックツールを使う感覚で、公開しているウェブページを編集できるChrome機能拡張です。

ウェブデベロッパーツールはHTMLやCSSを編集していきますが、このCanvasFlipはパネルから数値を変更したり、色・フォントを選択するなど直感的な作業ができます。

ページに使われている色、フォント、画像の一覧も出せます。ページ内の画像をダウンロードできる機能は重宝しそうです。

CSSアニメーションのライブラリーです。ズームやフェード、移動など基本的な動きが揃っています。

要素にclass名を設定するだけで簡単に適用できるのが便利です。

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

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

モジュールを選んでいくだけで、簡単にレスポンシブなウェブページのテンプレートが作れるサービスです。素早くプロトタイプを作りたい場合などに役立ちそうです。

選べるモジュールは大きくヘッダ、コンテンツ、ブログ、フッタと分かれており、コンテンツにはナビゲーションバー、メインイメージ（ヒーローエリア⁠）⁠、画像一覧、画像とテキストが並んだものなどいろいろなパターンが用意されています。

モジュールは手描き風のラフなものから選んでいくのですが、実際に生成したテンプレートはかなりしっかり作られていてクオリティが高く、良い意味で裏切られます。

Twitterのハッシュタグが初めて使われたのが、2007年8月23日（現地時間）とのことで、10周年の記念日を迎えました。説明するのが難しい概念ではありますが、Instagramの人気もあり日本でもかなり認知度が上がったと思います。

ブログなどでカテゴリとともに分類に使われる「タグ」も、「⁠ハッシュタグのタグと同じ」というと理解されやすくなりました。HTMLのタグと紛らわしいという問題はまだありますが…。

なお「#」はシャープ（♯）じゃないというのはIT業界の人は知ってる人が多いと思いますが、井桁（いげた⁠）⁠、パウンド、ナンバーキー、ハッシュキー、スクエアなどと世界でいろんな読み方があるようで、「⁠シャープじゃなくて○○ですよ」とすっきりと説明できないのが悩ましいところです。