Frontend Weekly Vol.18

Headlines

Nesting Components by simurai

CSSのコンポーネント化はコンポーネントそのものを作る難しさではなく、コンポーネントの再利用性を実現することにある。記事では中でも入れ子構造になるコンポーネントへのアプローチについて解説。

Choosing performance by TimKadlec.com

Instant ArticlesというFacebookの新しいプロダクトのリリースは、パフォーマンスへの注力がフォーカスされていた。ネイティブ vs Webにおいて、Webに足りないのは機能や機構ではなく、パフォーマンスを選択する意志ではないだろうか。

Hero Image Custom Metrics by High Performance Web Sites

ヘッダーあたりに最近見かける大きな画像(Hero Image)をデザインパターンとして利用するなら、パフォーマンスを最大化するために知っておくべきことと、実際に利用しているサイト群のパフォーマンス状況、そしてパフォーマンス指標について。

Inspiration vs Imitation by Cushion

デザインがすっかりコピーされたという経験はそれほどないかも知れないが、この記事ではそんな悲しい経験をあえて世に出し、インスピレーションとイミテーションの違いをデザイナーらしく説いている。

Why ‘mobile first’ may already be outdated by Inside Intercom

モバイル・ファーストというアプローチが当たり前となってきて、そろそろ慣れた頃だろう。しかし、この記事ではそのアプローチを卒業し、Jobs-to-be-Doneフレームワークと、スクリーンにフォーカスするべきだという提案をしている。

In Other News…

Best practices for building large React applications by Sift Science Blog

そろそろReact.jsをプロダクションで使ってみようというタイミング。この記事ではほぼ1年React.jsを利用して得たベストプラクティスを紹介しているので、ぜひ参考に。

Dealing with state in ECSS web applications using ARIA by Ben Frain

Ben Frain氏が鋭意作成中のecss.ioというCSSのフレームワークから、ARIAを使ったWebアプリケーション内のステートの管理について紹介。

How to Choose the Right UI Patterns for Your Web Design

UIパターン例はWebにあふれ、そして自身のサイト内にもあふれていることだろう。記事では”正しい”パターンを選択するために必要な4つのステップを紹介。

Code Review Best Practices

コードレビュー。これからワークフローに取り入れたいとしても、もうすでに取り入れているとしても、この記事のベストプラクティスを参考にコードレビューに何をレビューするのか振り返って欲しい。

Sex, Houdini and the Extensible Web by Dev.Opera

Webのこれまでの歩みとExtensible WebそしてHoudiniプロジェクトについての概要。このプロジェクトがまたWebを前進させるはず。

Slides/Videos

JavaScript at 20 by Brendan Eich

20歳を迎えた(?)JavaScriptの歴史と未来について、JavaScriptの生みの親であるBrendan Eich氏によるプレゼンテーション。

In Brief