ネットで見かけたWebテク
1. A Quick Guide For Designing Better Buttons – Smashing Magazinehttps://www.smashingmagazine.com/2016/11/a-quick-guide-for-designing-better-buttons/
より良いボタンをデザインするためのクイックガイドです。
- 以下の項目で、
ボタンデザインについて気をつけるべきことを解説しています - ボタンをボタンのように見せる
- はっきりしたラベル
(テキスト) を付ける - 見つけられるところにボタンを置く
- ボタンを押しやすく、
押したことがわかるようにする - 最も重要なボタンは強調する
- ボタンデザインのチェックリスト

2. 4 Ways to Create Engaging Video Content from Still Images | Social Media Todayhttp://www.socialmediatoday.com/marketing/4-ways-create-engaging-video-content-still-images
静止画から動画を作る方法を4つ紹介しています。ツールではなく、
- スライドショー
- タイムラプス
- ピクシレーション
(実写の人物をアニメーションのようにコマ撮りする撮影法) - ストップモーション

3. Top 30+ Best CSS Framework 2016 for Web Designershttp://codeconvey.com/best-css-framework-2016/
レスポンシブなCSSフレームワークの2016年トップ30をまとめています。
順番が明確な順位というわけではないと思いますが、

4. How to Share a Design System in Sketch (1/3)https://blog.brand.ai/how-to-share-a-design-system-in-sketch-1-3-245308f2d7f1#.fp028fj03
Sketchでデザインシステムを共有する方法を解説しています。デザインの基準となるスタイルガイド的なものをグループ間でどう共有するかです。
DropboxやGoogle Driveのようなクラウドサービスを利用してSketchファイルを共有する方法と、

5. Top 10 resources for designing email newsletters | Webdesigner Depothttp://www.webdesignerdepot.com/2016/11/top-10-resources-for-designing-email-newsletters/
メールによるニュースレター
HTMLメールのデザインギャラリーやテンプレート、

そのほか、
- 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 Patternshttp://www.heropatterns.com/
Hero PatternsはSVGを使った背景パターンを配布しているサービスです。あらかじめ用意されたパターンを元に簡単なカスタマイズができます。
変更できるのは背景色と模様の色&透明度です。パターンはCSSのコードをコピーして使用できるほか、
ドットやラインなど使いやすそうな単純なパターンもありますし、
