Frontend Weekly Vol.8

Headlines

The Web’s Grain by Frank Chimero

Webにおけるデザイン・アプローチについて。Webをブランクキャンバスとして扱うのではなく、Webを素材としてあつかったらどうなるか。
デザイナやフロントエンドだけではなく、Webに関わる人なら読むべき記事。とても長いですけど。

Invisible animation by Steven Fabre

アニメーションが今年のデザイントレンドになるという予想を見るようになった。アニメーションもやはりやり過ぎず、自然に。アニメーションにユーザの意識が言ってしまわないようにするべき。

Side Effects in CSS by Philip Walton

BEMが解決しようとしている問題はCSSが言語的に持つ、副作用を最小限に止めること。Philip Walton氏は記事でその副作用について詳しく解説。

It’s your duty to develop for the Web by Web Reflection

Web開発をするすべての人に。ユーザが使っているブラウザのせいで機能が動かない。と思ってませんか?

A JS framework on every table by Allen Pike

JavaScriptのフレームワークはどうしてそんなにたくさんあるのか。RailsやCocoaフレームワークというパラダイムと何が違うのか。

In Other News…

Yasuhisa Hasegawa氏による Material Design の責任者 Matias Duarte 氏とデザイナーとのQ&A要約

超要約ということですが、わかりやすくまとまっている。もっと詳しく読みたい場合は: bit.ly/1Ni7qav

More Transparent UI Code with Namespaces by CSS Wizardry

BEMの命名規則だけでは十分ではない。というくらいの規模感でスケールする必要がある場合にプリフィックス的な名前空間を。

Invisible design: why is less more? by Inside Intercom

優れたUIの特徴は、特徴がないこと。コンテキストに合わせて『自然』なデザインを。

Quantity Queries for CSS by An A List Apart Article

CSSのセレクタはシンプルながら強力。only-of-typeや、:nth-last-child(6):first-childのような組み合わせで、レンジを選択したりもできる。

React Tips and Best Practices by ÆFLASH

React.jsを利用する際に知っておきたいTipsとベストプラクティス。結構な分量がある所が凄い。

Books

CSS Secrets by Lea Verou

満を持して。Lea Verou氏によるO’Reilly本。彼女の長年の講演テーマであるCSSの秘密について、たっぷり350ページ(!)。まだEarly Release。

Slides/Videos

Frontrend Final Conference 2015

Frontrend Conferenceを動画で振り返り。2トラックだったので、見られなかった講演はこちらからどうぞ。

HTML5 と SVG で考える、これからの画像アクセシビリティ

SVGは画像形式あり、文書でもある。その特性を使って画像のアクセシビリティを見直す。

In Brief