Frontend Weekly Vol.19

Headlines

The End of Global CSS by Mark Dalgleish

CSSのコンポーネント化に際し、最も難しいのがCSSのスコープがグローバルのみであること。名前空間を用いた命名規則で解決できる問題でもあるものの、管理は複雑化する。記事ではCSSに対してローカルスコープを導入するツールとその使い方について紹介。

よくわかるマテリアルデザインの設計コンセプト by fladdict

「ペーパー」と「インク」のメタファーでできている、という視点に立ったマテリアルデザインの設計コンセプトに関する解説。

The Cost of Performance by Sacha Greif

パフォーマンスにかかるコスト。ツールで解決できる問題と、そうではない問題。何事もバランスとコンテキストが大切。様々な人の意見を参考にプロジェクトにおいて、チームにおいての戦略をきちんと立てられるようにするべき。

Why Babel Matters

ES6をES5へトランスパイルするBabelはこれまでのコンパイラ/トランスパイラとはひと味違う。CoffeeScriptやTypeScriptと何が違うのか。記事ではわかりやすく端的に紹介している。

Functional Animation In UX Design by Smashing Magazine

アニメーションと機能はUXにおいて切っても切れない深い関係。記事では実例を多くの動画とともに紹介している。

Extending Styles by Philip Walton

先週号にて紹介したSimurai氏によるコンポーネントの入れ子に関する記事に対して、Philip Walton氏からの返答。難しい問題なだけに、様々な解がある。

Introduction to WebP by 1000ch

Googleが開発している新しい画像フォーマットであるWebPの概要について。ブラウザサポートやフォールバックの方法、周辺ツールについても触れている。

Slides/Videos

The state of web components by Wilson Page

Web Componentsが3年。まだまだ実験的な部分が多い現状を打破するために、現在Web Componentsがどこにいるのか、そして今後どう変わって行くのかについて。

HTTP/2 Deep Dive: Priority & Server Push by Moto Ishizawa

HTTP/2におけるPriority、そしてServer Pushについて、仕組みから、サポート状況などについて。

In Brief