HTML5/CSS3のニュースやTIPSなどのまとめ (2018年8月7日)

ニュース

マテリアルになったChrome 69がベータ版に - AV1動画もサポート、開発者向けのCSS、APIの強化も盛りだくさん (窓の杜)
https://forest.watch.impress.co.jp/docs/news/1136559.html

書籍

電子書籍：いろいろ動かしながら学ぶ！プログラミング入門 (Kindle版)
https://www.amazon.co.jp/dp/B07BW88K27?tag=dothtml5-22
https://dothtml5.com/archives/20180618_clips.html#pickup2
2,484円、出版社：日経BP社、編集：日経ソフトウエア

サイト・アプリ

実録：グーグルのスピードアップデートで遅いサイトの検索順位が本当に落ちた！ (Web担当者Forum)
https://webtan.impress.co.jp/e/2018/08/03/30094
明るいUI or 暗いUI？ユーザビリティから考えるUIの明るさ (UX MILK)
https://uxmilk.jp/73874

ツール

たった4行でできる！ブラウザ向けVRをThree.jsで実装する方法 (ICS MEDIA)
https://ics.media/entry/18793
Stencila - ドキュメントと表計算をシームレスに連携させるJS製オフィススイート (MOONGIFT)
https://www.moongift.jp/2018/08/stencila-%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%88%E3%81%A8%E8%A1%A8%E8%A8%88%E7%AE%97%E3%82%92%E3%82%B7%E3%83%BC%E3%83%A0%E3%83%AC%E3%82%B9%E3%81%AB%E9%80%A3%E6%90%BA%E3%81%95%E3%81%9B/
https://stenci.la/
https://github.com/stencila/desktop/
Vue CLI 3入門 (02) インストールする (Fumio Nonaka)
http://www.fumiononaka.com/Business/html5/FN1807002.html
marked v0.4.0での手書きHTMLパースにおけるバグ (Hail2u)
https://hail2u.net/blog/raw-html-parsing-bug-in-marked-v0.4.0.html

TIPS

オブジェクト指向の呪いと、その避け方 (mizchi's blog)
http://mizchi.hatenablog.com/entry/2018/07/31/124354
2018年のJS戦略を総括。code splittingするべし、JSのサイズは170KB以下にするべし、 ... (yosuke_furukawa | Twitter)
https://twitter.com/yosuke_furukawa/status/1024996934967128064
https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
「JSバンドルを極力trimするべし、Time to interactまでの時間を最適化するべし、Clinet Side JSがUXに影響しないなら使うのをやめることも検討するべし」

CSS3

サイトマップの実装で面倒な階層を繋ぐラインも簡単に実装できるサイトマップ用スタイルシート「Slickmap CSS」 (コリス)
https://coliss.com/articles/build-websites/operation/css/visual-sitemapping-tool-slickmap.html
https://www.astuteo.com/slickmap
https://github.com/astuteo/slickmap/
見た目を確認しながらVisual Studio Codeのテーマを探せる「VSCodeThemes」 (かちびと)
http://kachibito.net/useful-resource/vscodethemes
https://vscodethemes.com/

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