Frontend Weekly Vol.20

Headlines

Web vs. native: let’s concede defeat by QuirksBlog

Webとネイティブという定期的に発生する議論を今回投げかけたPPK氏のこの記事に対する様々なフィードバックと彼の見解を再度まとめた記事。

Priorities

Web vs. ネイティブという戦いではなく、何を優先するべきなのか? 記事ではマネタイズとコンテンツのバランスの話から、Nicolas Bevacqua氏らしくネイティブの真似をしようとして、パフォーマンスが犠牲になりがちなWebに対する警鐘を鳴らしている。

Using mixins to create classes in Backbone by Dan Hough

久しぶりのBackbone.jsに関する記事。Backbone.jsで指す、クラスを継承ではなく、Mixinsを使って作成する実例について。

Revisiting :Visited

:visitedの事を忘れていませんか? クリックターゲットが大きくなり、忘れられた存在になりつつある:visitedリンク状態の見せ方の提案。

How I learned to stop worrying and love React

MVC、MVVM、Angularのアプローチが持つ問題点と、それらを解決するReactのアーキテクチャについての解説。

Principles of Product Design

プロダクト・デザインとは何かについて18の指針。

The science behind Netflix’s first major redesign in four years by The Verge

Netflixが4年ぶりに行ったリニューアルの裏側。すでに多くのユーザを獲得しているサービスのこの手の話は非常に参考になる。

Slides/Videos

Mobile Image Processing by Tim Kadlec

パフォーマンス改善における最大の弱点と言える画像の扱い。このスライドでTim Kadlec氏は画像そのものを表示するのにかかるコストとモバイルの性能の関係を明らかにしつつ、画像の取り扱いに関するアドバイスをしている。

30 Minutes or Less: The Magic of Automated Accessibility Testing by Marcy Sutton

アクセシビリティは難しい。と感じているならツールを使った自動化を検討してみては? このスライドではAngularを例に自動化ツールについて紹介している。

Design+Performance by Steve Souders

デザインとパフォーマンスは決して仲がよいとは言えない。しかしユーザは両方を求めている。そんな難しい問題を解決するために知っておきたいこと。

Rocket packs on escalators - stop messing with progressive enhancement by Christian Heilmann

プログレッシブ・エンハンスメントのエバンジェリストと言えるほど、そのトピックについて長年エキスパートであるChristian Heilmann氏によるプログレッシブ・エンハンスメントの本質について。

Service Workers for Performance by Patrick Meenan

Service Workersをパフォーマンス改善を行うためにどうやって利用できるのか? オフラインだけではない、様々な利用法を紹介。

The Performance and Usability of Font Loading by Zach Leatherman

@font-faceから呼び出すフォントのパフォーマンスとユーザビリティについて。さすがのFilament Group、非常に良くまとまっている。

#HamburgerWars by Michael Ryan

ハンバーガー・メニューとその利用法。利用され始めた背景を踏まえて、使う必要がある場合に知っておくべき注意点について。

In Brief