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

1. 7 Tips for Creating a Time-Saving Design for Users | Design Shackhttps://designshack.net/articles/layouts/7-tips-for-creating-a-time-saving-design-for-users/

ユーザーの時間を奪わないためのウェブデザインのヒントをまとめた記事です。

1. ミニマルで考える
2. ビジュアルコンテンツで行動を促す
3. 複雑な要素を分割する
4. フォームを簡潔にする
5. コールトゥアクションを目立たせる
6. しっかり編集する
7. 一貫性を保つ

2. 10 Pure CSS Responsive Navigation Code Snippetshttps://speckyboy.com/pure-css-responsive-navigation/

レスポンシブなナビゲーションのコーディング例をまとめています。

ハンバーガーメニューの開き方のパターン集といった感じのラインナップですが，垂直メニューが水平メニューに変わるものもありました。

3. Design Tips For Extra Large Website Footers - Onextrapixelhttps://onextrapixel.com/extra-large-footers/

大きなフッタをデザインするためのヒントと実例を紹介しています。

• リンク階層を整理する
• コンタクトフォームに誘導する
• ロゴやキャラクターなどブランディング要素を加える
• 関連コンテンツを勧める
• メールアドレスを集める

4. 12 Fixed Sticky Navbars That'll Grab Your Attention | Webdesigner Depothttps://www.webdesignerdepot.com/2018/03/12-fixed-sticky-navbars-thatll-grab-your-attention/

固定ナビゲーションメニューをうまく使った実例を12サイトまとめて解説した記事です。

画面上のスペースを使ってしまうことから賛否ある固定メニューですが，ユーザーはページのどこにいてもナビゲーションのリンクにアクセスできるという良さがあります。

5. Mobbin - Latest Mobile Design Patternshttps://mobbin.design/

モバイルアプリのデザインパターンのギャラリーサイトです。それぞれのアプリごとにたくさんのスクリーンショットが載っています。

SNS認証でログインすると，アプリ／パターンのカテゴリ別に絞り込む機能が使えるようになります。

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

• 「goo.gl」で始まるURL短縮サービス，Google URL Shortenerが2019年3月で終了｜携帯総合研究所
  作成済みのリンクはサービス終了後も使い続けられるそうです
• Alexaの「スキルストア」日本版がオープン 一覧表示で探しやすく - ITmedia NEWS
  Alexaのスキルは良くも悪くも玉石混交な感じで面白いですね
• 新型iPad対応「クレヨン」が登場--「⁠Apple Pencil」の約半額 - CNET Japan
  新iPadの登場と共にサードパーティー製スタイラスペンも登場しました

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

STUDIO | デザイン，公開，運用がひとつになった，Webデザインプラットフォームhttps://studio.design/ja

STUDIOはウェブサイトを簡単に作れる日本製のサービスです。WixやJimdoなどと競合するサービスですが，デザイナーをターゲットとしたプロ向きのツールという方向性のようです。

デザインはWYSIWYGエディタで行えますが，HTMLコードやマージン・パディングなどの数値を意識した編集ができるようになっており，ある程度ウェブデザインを分かっている人が使うことを想定していることがうかがえます。

作ったページを公開前にメンバーに確認してもらう機能が用意されているのも特徴です。デザインするまでは完全無料で，公開することでお金が発生する（月9ドルからと安価）という仕組みも面白いと思います。月27ドルからの一番上のプランにだけあるCMS機能も気になるところです。