HTML5/CSS3のニュースやTIPSなどのまとめ (2017年6月5日)

書籍

新刊 書籍：WebデザインのためのPhotoshop+Illustratorテクニック - CC 2017対応版
https://www.amazon.co.jp/dp/4767822513?tag=dothtml5-22
2,592円、出版社：エクスナレッジ、著：瀧上園枝

サイト・アプリ

ウェブにおけるデザインシステムとは？ (Rriver)
http://parashuto.com/rriver/development/what-is-a-design-system
見逃していない？2017年に生まれたウェブデザインの5つのトレンド (WPJ)
https://www.webprofessional.jp/5-emerging-trends-to-amp-up-your-web-designs-in-2017/
UXリサーチ初心者の疑問に答える15のルール (UX MILK)
http://uxmilk.jp/64640

ツール

Fireworksを継ぐもの？デザインツール「Gravit Designer」のご紹介 (バシャログ)
http://bashalog.c-brains.jp/17/06/01-171851.php
最新バージョン、Edge 15が大進化 - 応答速度３倍、高い電力効率を実現 (INTERNET Watch)
http://internet.watch.impress.co.jp/docs/event/1062219.html
「IE11の搭載は後方互換性のため、標準ではEdgeの使用を推奨」
GoogleOptimizeを攻略しよう！初期設定・導入方法から使い方まで解説 - これでアナタもABテストマスター (クリーブ)
http://creive.me/archives/11303/
シンプルで美しい！グーグル発のUIフレームワーク「Material Components for the Web」とは？ (フェレット)
https://ferret-plus.com/7188
スライダータイプの使いやすいタイムラインスクリプト「Timeline.js」 (かちびと)
http://kachibito.net/useful-resource/timeline-js
https://ilkeryilmaz.github.io/timelinejs/
https://github.com/ilkeryilmaz/timelinejs/
再生オペラブラウザ、Facebook Messengerなどをサイドバーに組み込み (CNET)
https://japan.cnet.com/article/35100981/

TIPS

適したjQueryのサンプルを見つける＆jQueryで詰まった時の対処法 - プログラミング初心者向け (judgment9ttk069 | Qiita)
http://qiita.com/judgment9ttk069/items/bb4e492cd39674749c67

CSS3

ローディングのアニメーションの次の段階、インターフェイスプレビューに対応するための軽量スタイルシート (コリス)
http://coliss.com/articles/build-websites/operation/css/content-placeholder-mocka.html
https://github.com/Chalarangelo/mocka/

素材

PhotoshopやIllustratorで編集しやすい、無料アイコン素材40個まとめ - 2017年5月度 (PhotoshopVIP)
http://photoshopvip.net/101428
モリサワのフォントデザインコンペ、受賞の「しまなみ」「Vonk Regular/Italic」が製品化へ (INTERNET Watch)
http://internet.watch.impress.co.jp/docs/news/1059041.html
個性あふれるフォルムが特徴、デザイン性のあるフリーフォントまとめ「20 Best Free Fonts on Behance」 (DesignDevelop)
http://design-develop.net/design/font/20-best-free-fonts-on-behance.html
https://line25.com/articles/best-free-fonts-on-behance

（＊価格は掲載時のものです。購入時にご確認ください。）