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

1. Getting Started With CSS Layout — Smashing Magazinehttps://www.smashingmagazine.com/2018/05/guide-css-layout/

CSSレイアウトの入門記事です。flexbox，CSS Gridといった最新の手法を押さえつつ，CSSでレイアウトする各種方法を初歩から分かりやすく解説しています。

float， positionプロパティによる配置，flexレイアウト，gridレイアウト，とコーディング例を挙げながら簡単に説明し，より詳しく学びたい人のための関連情報へのリンクもあります。

2. Fontisto - the iconic font and css toolkithttps://www.fontisto.com/

アイコンフォントとそのアイコンフォントを活用するためのCSSツールキットをセットで提供しています。商用でも無料で利用できます。

アイコンはくせのないシンプルなもので，矢印などの記号類やオンラインツールのインターフェイスに使われるものなど，一般的なものはだいたい揃っているようです。企業やサービスのロゴなどブランドアイコンが充実しています。

FontAwesomeのようなものですが，FontAwesomeが実質有料になった今，無料で使えるところに魅力を感じる人も多いでしょう。

3. Why You Shouldn't Use Bright, Saturated Colors for Backgroundshttp://uxmovement.com/content/why-you-shouldnt-use-bright-saturated-colors-for-backgrounds/

明るいはっきりした色を背景に使ってはいけない理由を解説した記事です。背景色には暗く，彩度が低い色を使った方が良い理由は，やはり見やすさということでした。

色見本を使って最適な背景色を見つける方法も解説しており，背景色の良い例＆悪い例も掲載しています。

4. Overflow — the world’s first user flow diagramming tool tailored for designers.https://blog.overflow.io/announcing-overflow-public-beta-33fafc45d357

ウェブページやモバイルアプリのユーザーの導線を図にしたフロー図（や流れ図などと呼ばれる図）を作るのに特化したツール「Overflow」の使い方を紹介しています。

Overflowは最近パブリックベータになったとのことで，もちろんダウンロード先へのリンクも掲載しています。Overflowのページにある動画を見ると，どういうツールか分かりやすいと思います。

5. How to build a better product with UX writing – UX Collectivehttps://uxdesign.cc/how-to-build-a-better-product-with-ux-writing-926d78209ce8

UXライティングで良いプロダクトを作る方法を実例を交えて紹介した記事です。UXデザイナーという肩書きは日本でも見かけるようになってきましたが，海外ではUXライターという肩書きも生まれているようです。

コピーライターとUXライターの違いや，UXライターのやることも紹介しています。ボタン内のテキストやエラーメッセージなどの「マイクロコピー」を書くのがUXライターの仕事ということですね。

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

• Googleマイビジネスの投稿タイプに「商品」が追加。検索結果からの販売が可能に | 海外SEO情報ブログ
  商品情報（写真，名前，値段，説明）を投稿でき，購入や予約，オンライン注文ができるのではないかと予想しています
• Alexaが夫婦の会話を勝手に録音して部下に転送 非常に珍しいが対処するとAmazon - ITmedia NEWS
  会話の中に「メッセージを送信」「⁠ユーザーの連絡先リストにある人の名前」と受け取れる音声があったためとのこと
• Instagramがミュート機能を導入。相手に知られず投稿を非表示に - Engadget 日本版
  投稿だけか，投稿およびストーリーをミュートにするかを選択できるそうです

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

6 Instagram Stories Design Tools for Marketershttps://blog.iconosquare.com/instagram-stories-design-tools/

Instagramのストーリーズ用の画像や動画をデザインするための，ウェブサービスやモバイルアプリを紹介した記事です。テンプレートを元にデザイナーでなくても作れるツールをまとめています。

オンラインデザインツールのEasilは，Instagramストーリーズのためのテンプレートが豊富です。同様のツールとしてCanvaもありますが，Canvaにはストーリーズ用のテンプレートが今のところありません。

Adobe Sparkはアプリだけでなくウェブサービス版もあります。円状のインターフェイス上で丸をグルグル回すとデザインを提案してくれる機能が面白いですね。Creative Cloudのすべてのプランでプレミアム版が使えるので，Adobe CCユーザーには特におすすめです。