HTML5/CSS3のニュースやTIPSなどのまとめ (2017年1月18日) ニュース 未来感覚の新ブラウザ「Opera Neon」レビュー、新UI搭載で左右横並び表示も可能 (ギガジン) http://gigazine.net/news/20170113-opera-neon/ http://japan.cnet.com/news/service/35094933/ http://nlab.itmedia.co.jp/nl/articles/1701/13/news095.html http://internet.watch.impress.co.jp/docs/news/1038987.html http://forest.watch.impress.co.jp/docs/news/1038915.html http://news.mynavi.jp/news/2017/01/13/364/ http://jp.techcrunch.com/2017/01/13/20170112opera-launches-neon-a-new-experimental-desktop-browser/ http://iphone-mania.jp/news-151318/ 書籍 電子書籍：JavaScriptエンジニアのためのNode.js入門 (Kindle版) https://www.amazon.co.jp/dp/B01N2Y16BQ?tag=dothtml5-22 350円、著：天田士郎 サイト・アプリ グーグル、常時HTTPSでなきゃChromeでひどい目にあわすよ - まずは１つ目の罰だ (Web担当者Forum) http://web-tan.forum.impressrd.jp/e/2017/01/13/24799 Fの法則に学ぶ！ノンデザイナーでも知っておきたい背景写真の選び方 (WPJ) https://www.webprofessional.jp/web-layout-design-making-the-most-of-the-top-right-corner/ ツール ウェブページとして公開もできるjsfiddleライクなコードテストツール「PLAYCODE」 (かちびと) http://kachibito.net/useful-resource/playcode https://playcode.io/ スクロールしたらヘッダやナビゲーションを固定・変化させる動きを実装するjQueryサンプルコード、５個 (NxWorld) http://www.nxworld.net/tips/stikcy-or-change-header-and-navigation-when-scrolling-using-jquery.html コンポーネント、単体テスト単位でのvisual regressionテストを行うためのツールを作った話し (bokuweb | Qiita) http://qiita.com/bokuweb/items/bf9de229a3c91c01a480 JavaScriptフレームワークのvue.jsを使ってみる - 入門編 (スターフィールド) http://sterfield.co.jp/designer/javascript%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af%e3%81%aevue-js%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%8b%ef%bc%88%e5%85%a5%e9%96%80%e7%b7%a8%ef%bc%89/ ゲーム認証にGoogle Sign-In APIを採用 (Google Developers Japan) https://developers-jp.googleblog.com/2017/01/games-authentication-adopting-google.html アドビ、ウェブページをPDF変換するGoogle Chrome拡張機能を「Acrobat Reader」に同梱 (窓の杜) http://forest.watch.impress.co.jp/docs/news/1038676.html CSS3 マージンやパディングでもう悩まない、モジュール式ウェブデザインにおけるHTMLとCSSの新しい実装方法 (コリス) http://coliss.com/articles/build-websites/operation/css/modular-web-design-learning-from-lego.html http://alistapart.com/article/learning-from-lego-a-step-forward-in-modular-web-design 素材 完結した365日アイコンプロジェクト「365cons」 (DesignDevelop) http://design-develop.net/web-design/365cons.html http://www.365cons.com/ （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2017年1月19日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2017年1月17日)