2016年11月第3週号 1位は、より良いボタンをデザインするためのクイックガイド、気になるネタは、Spotify、誰でも利用可に日本で本格展開始まる

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

より良いボタンをデザインするためのクイックガイドです。

静止画から動画を作る方法を4つ紹介しています。ツールではなく、手法の紹介です。

レスポンシブなCSSフレームワークの2016年トップ30をまとめています。

順番が明確な順位というわけではないと思いますが、1つ目はBootstrap、2つ目がFoundationで、やはりこの2つがトップ2なのだと思います。この二つは機能が豊富なタイプのフレームワークで、ほかはシンプルで軽量な路線のものが目立ちました。

Sketchでデザインシステムを共有する方法を解説しています。デザインの基準となるスタイルガイド的なものをグループ間でどう共有するかです。

DropboxやGoogle Driveのようなクラウドサービスを利用してSketchファイルを共有する方法と、デザインシステム（スタイルガイド）の実例が紹介されていました。

メールによるニュースレター（メルマガやお知らせメール）をデザインするのに役立つリンク集です。

HTMLメールのデザインギャラリーやテンプレート、表示チェックツールなど10個のサイトやサービスが掲載されています。

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

New! Shopping on Instagram: Get the Complete Details and What It Means
Instagramに写真内の商品をネット販売に連携させる機能が付くようです
GoogleのAWS対抗クラウド「Google Cloud Platform」日本上陸東京データセンター新設 - ITmedia ニュース
日本初のデータセンター設立で日本企業のユーザー獲得を狙うとのことです
Apple TV apps can now be purchased on iPhone, iPad, PC, and Mac | iMore
Apple TV用アプリをiOSマシンやパソコンで購入できるようになりました

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

Hero PatternsはSVGを使った背景パターンを配布しているサービスです。あらかじめ用意されたパターンを元に簡単なカスタマイズができます。

変更できるのは背景色と模様の色＆透明度です。パターンはCSSのコードをコピーして使用できるほか、SVG画像としてダウンロードすることも可能です。

ドットやラインなど使いやすそうな単純なパターンもありますし、結構複雑で面白いものもあります。CSSのコード自体をあとで自分でカスタマイズできますし、背景にちょっとしたアクセントを付けたい場合に便利だと思います。

招待制として日本でもスタートしていたSpotifyですが、ついに誰でもユーザー登録できるようになり、本格スタートしました。無料プランで使ってみていますが、日本のアーティストの曲もそれなりにあっていい感じです。

わたしは主にMacで使っているのですが、アプリケーションのUIが良くできている印象です。Apple MusicのUIと結構似ていますが、お互いに真似ているのでしょう。（⁠世界では）後発のApple Musicの方が真似たところが多いのかもしれません。

iPhoneのSpotifyアプリから、MacのSpotifyアプリをリモコンのようにコントロールできて、なかなか良くできています。無料版だと音声の広告が入ってくるのですが、音声広告という新たなジャンルで面白い展開がありそうな予感がします。