Frontend Weekly Vol.15

Headlines

How to Sunset a Feature by Inside Intercom

機能を追加するよりも、追加した機能を削除する方が難易度が高い。だからといって利用されていない機能を残してしまうとメンテナンスコストも、ユーザの学習コストも高いままになってしまう。この記事ではどうやって機能を削除するべきかについて、戦略的なアプローチを紹介。

HTML vs Body in CSS by CSS-Tricks

htmlとbodyタグは2つとも同じ意味で”ルート”のように考えている人もいることだろう。しかし、両者は当然ことなる要素。CSSを書く上で知らないと思わぬバグを生み出してしまう違いを解説。

Smart and Dumb Components by Dan Abramov

React.jsのコンポーネントを作る際に、大きくSmartとDumbという2つの役割で分けているそう。非常にわかりやすい命名。React.jsに限らずこの分類は役に立ちそう。

Do you really understand CSS linear-gradients? by Patrick Brosset

CSSのlinear-gradientsがどのように動作しているか?
意外と奥が深いグラデーションの働きについて知ることは、表現の幅を広げることになるはず。

Common Misconceptions About Inheritance in JavaScript by Eric Elliott

JavaScriptの継承にまつわるよくある勘違いについてEric Elliott氏が詳しく解説。JavaScriptの内部的な働きについても触れられているので、やや難しいかもしれないが十分にその価値はあるので、是非。

In Other News…

Where Style Guides Fit Into Process by CSS-Tricks

スタイルガイドは開発プロセス中のどこに当てはまるのか。Brad Frost氏は4つのタイミングについて解説。継続していくドキュメントだからこそ、HowよりもWhyやWhenに着目したい。

Surviving CSS by Cathy Dutton

CSS(とHTML)を書く際に気をつけておきたいシンプルなルールを紹介。決して新しいものではないものの、実践に基づいた理由は納得感がある。

The Principles of UX Choreography by Rebecca Ussai

アニメーションとUXを繋ぐアイデアとして振り付けという概念をもちこんだRebecca Ussai氏。記事ではディズニーのアニメーションの原則を元にそのアイデアを実例とともに紹介していく。

Introducing React Native: Building Apps with JavaScript

React Nativeを使ってゼロからアプリを作っていくチュートリアル。React.jsに詳しくなくても、アプリ開発が初めてでも問題なさそう。ここではiOSアプリを作成する。

Moar Performance! by Paul Lewis

Googleで働くパフォーマンス・エバンジェリスト(的な存在)であるPaul Lewisの最近のパフォーマンス関連の仕事まとめ。

Slides/Videos

Eliminate Javascript Code Smells by Elijah Manor

JavaScriptのCode SmellsをLintを使ってリファクタをして退治していく長編スライド。

How Users Perceive the Speed of The Web by Paul Irish

Paul Irish氏によるユーザーがどう速度を感じるか、そしてそのパフォーマンスを改善するためのRAILというモデルを提案している。
#perfmatters

Extreme Web Performance for Mobile Device by Maximiliano Firtman

Maximiliano Firtman氏によるモバイルデバイスの向けパフォーマンス改善。186枚にも及ぶ力作スライド。データも多く使われているし、よくまとまっている。
#perfmatters

mdo-ular CSS by Mark Otto

Bootstrapの作者であるMark Otto氏によるCSSの書き方、10のガイドライン。
スライドはこちらから

In Brief