Frontend Weekly Vol.16

Headlines

Open Webという存在が危機に陥っている。Webは遅く、大きく、高価なものになってしまい、ネイティブプラットフォームにユーザは奪われ続けている。
Peter Gasston氏はその状況を好転させるために最も重要なピースがService Worker APIだとしている。
彼が2ヶ月かけたという渾身の記事。

TLS Everywhere, not https: URIs by Tim Berners-Lee

セキュリティやHTTP2.0の影響を受け”HTTPS Everywhere”ムーブメントのただ中だ。そんな中、Tim Berners-Lee卿は個人の見解として、URLを変えてしまうHTTPSへの移行ではなく、HTTPでTLSで利用できるようにするアプローチを提案。

Manage large-scale web projects with new CSS architecture ITCSS by Creative Bloq

Harry Roberts氏が提唱する大きなスケールのウェブサイトを管理するための手法であるITCSS(Inverted Triangle CSS)に関する本人とのインタビュー記事。

Content-First Design by An A List Apart

ゲームとウェブサイトには共通点も多いが、決定的に異なる点が1つある。ゲームは必ずストーリーがあること。デザインよりもコンテンツが先に存在すること。
現実的に難しい部分も多くあるのも理解できるが、コンテンツファーストでウェブサイトを作っていく必要性を説いた良記事。

Design Principles: Compositional Flow And Rhythm by Smashing Magazine

Smashing Magazineで展開されている、デザインの原則に関する6記事目となる、視線移動の流れとリズムについて。ベーシックな部分だが、非常に細かく実例とともに紹介しているので参考になる。

In Other News…

Cyclomatic Complexity: Logic in CSS by Harry Roberts

セレクタをつなぎ合わせることでCSSにもロジックが発生するが、その複雑性は意外な盲点となる。可能な限りシンプルなセレクタを心がけることはもちろん、ツールを使って検知できるようになっておこう。

Icons and Type by Snook.ca

Jonathan Snook氏もアイコンとテキストの並びについて悩むことがあるそうで。彼の戦いの軌跡がこの記事。
同じ問題について高津戸氏も4回に渡って詳しく解説しているので、合わせてどうぞ。

Obvious Always Wins by LukeW

ユーザに利用して貰う必要があるメニューであれば、常にユーザの目に触れる様なデザインを。流行のスタイルに流されず、当たり前を追求することで利用率も上っていくもの。

Automatic Cache Busting for Your CSS by RisingStack

Node.jsでCSSとCSSファイルから参照されている画像も含めて、ASTを使って自動でキャッシュを破棄する方法。

Extending by Adactio

Web ComponentsがJavaScriptに依存する限り、既存要素を拡張する仕様は必要だが、is シンタックスは残念ながら利用できなくなるかも知れない。

How does your small team produce as much software as it does? by Wixel

スモールチームでどうやって大きな成果を出し続けるのか。Wixelが実践している働き方を詳しく紹介。

Slides/Videos

Flux - Those who forget the past… by Jeremy Morrell

React.jsとFluxについて非常にわかりやすくまとめてある。スピーカー用のノートつき。

High Performance in the Critical Path by Nicolas Bevacqua

パフォーマンス改善のために知っておくべき様々な事が63枚のスライドによくまとまっている。

In Brief