Frontend Weekly Vol.42

Headlines

Chrome Devtools Tips & Tricks

Google Chromeの開発者ツールについて、便利な機能紹介と、覚えておくと便利なショートカットキーなどについて。デバッグの根っこを支えるツールなので使いこなしたい。

Keep pushing it, with the W3C Push API ★ Mozilla Hacks – the Web developer blog

Service Workerで利用可能なPush APIのチュートリアル。Service Workerの実装から、実際にプッシュを送る方法まで解説されており、どのような仕組みでプッシュを実現するかを把握できる。

Flexbox Myth Busting by Jon Yablonski

最近のブラウザに実装され、実用されはじめているFlexbox。しかし実際にはブラウザのサポートは不完全であることなど、使う前に知っておきたいFlexboxに関する問題点を知っておこう。

The psychology of visual UX

ビジュアル要素に含まれる心理的な側面について。普段、漠然と利用しているビジュアル要素の本来の力を知ることは、ユーザの体験に大きなインパクトを与えてくれる。

Guide To Using WebP Images Today: A Case Study by Smashing Magazine

PNGやJPEGよりも圧縮率などの面で優位なWebP。しかし対応しているブラウザは決して多くはない。その状況下でWebPを使うために知っておきたいことをケーススタディとして紹介。

7 Things You Should Know About WebAssembly

発表からしばらく経っているが、WebAssemblyについて乗り遅れた、という人は必読。WebAssemblyについて知っておくべき7つの事について、コンパクトによくまとまっている。

Slides/Videos

Delivering Responsibly by Scott Johl

Scott Johl氏による『Delivering Responsibly』のスライドとトランスクリプト。Scott Johl氏が得意とするトピックなだけに読み応え十分。様々なユーザに対する我々の『責任』について。

ECMAScriptとは何か? by azu

ECMAScriptと周辺キーワード、仕様決定のプロセス、今後のリリースサイクルなどがわかりやすく解説されている。

Announcement

Slack for Frontend Weekly

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief