Frontend Weekly Vol.5

Headlines

Flipboardのエンジニアチームが2/10に公開した60fps on the mobile webという記事で紹介されたReact.js + CanvasというこれまでのWebスタックを根底から覆して生み出したパフォーマンス最適化に関する反応の1つ。
現在進行形でこのアプローチに対する反応がブログに上がっているので要チェックしてほしい。

How do you like to organize your large SASS projects? by Designer News

大規模なSassプロジェクトをどう管理しているか?という質問に対する、(結構な量の)ユーザからの解答たち。どれがベストということではなく、ケーススタディとして興味深いのでぜひ参考に。

Designing Experience Layers by Jason Garber

この数ヶ月ほどプログレッシブ・エンハンスメントに関する議論が多くなってきていますが、この記事もまたその議論の燃料となる良記事です。
この記事から彼自身もプログレッシブ・エンハンスメントに関して2記事公開し、この記事への疑問としてVigetも良い記事を書いているので是非。

Experiment: Using Flexbox Today by Chris Wright

Flexboxはどんなシーンで利用できるのか、そしてレガシーブラウザを含む、クロスブラウザ対応への戦略に関して詳しく紹介しています。

【翻訳】ビジュアルデザインはつまらなくなってしまったのか? by Koji Ishimoto

Intercom社のプロダクトデザイン・ディレクタであるEmmet Connolly氏が書いた、『Has Visual Design Fallen Flat?』を石本光司氏が日本語訳。デザイナー必読の記事です。

In Other News…

New Features in Sketch 3.3, presented in GIF by Clark Wimberly

つい先日リリースされたばかりのSketch 3.3ベータにて追加された新しい機能についてわかりやすくアニメーションGIF付きで解説。Sketchの利点の1つは早いサイクルでのリリースというのもあげられそうです。

Paul Irish on Twitter: “Performance recommendation: Do not use jQuery’s hide() method. Ever. https://t.co/zEQf6F54p6 Classes are your friend.”

パフォーマンスを重要視するのであれば(もちろんするべき)、jQueryのhide()メソッドを使うべきではない。GitHubのコメントに詳しい解説があるのでぜひ。

First Impressions using React Native by James Long

ReactConfで発表されたReact NativeというiOS(近日公開予定)向けのReact.js対応を使って見た感想。動画もあって細かくレビューしてあります。

Components Should Be Focused, Independent, Reusable, Small And Testable (FIRST) by Addy Osmani

コンポーネントは焦点が絞られ、独立し、再利用でき、小さくそしてテストできるものであるべきというAddy Osmani氏によるFIRSTの原則に関する解説。

Continuum by Jeremy Keith

昨年の2月に公開された記事ながら、改めて紹介。Jeremy Keith氏のWebに対する意見はどれをとっても参考になるものばかりですが、この記事はその中でも特に必読。

Books

コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション

WAI-ARIAといえば、Heydon Pickering氏といっても過言ではない第一人者によるアクセシビリティに関する書籍。Smashing Magazineにて発行されたApps For All: Coding Accessible Web Applicationsの日本語訳。3月30日発売予定。

Intercom on Product Management

非常に優れたブログを展開しているIntercom社がそのブログからプロダクトマネジメントに関する記事をまとめて電子書籍化。
友人を2人招くと無料でダウンロードできます。

Slides/Videos

Go 6to5 by nakajmg

ECMAScript6に関してコンパクトにまとまったスライド。スライド内で紹介されている6to5というツールは、つい最近Babelという名前に変更されました。

In Brief