Frontend Weekly Vol.70

Headlines

How fast should your UI animations be? by Val Head

UIに関するアニメーションはどんな早さが最適なのか?
もちろん答えは『時と場合による』ものの、Val Head氏は200msから500msの間が最適だとしている。記事ではその数字の根拠となり得るリサーチについても触れているのでぜひ。

Truly Fluid Typography With vh And vw Units by Smashing Magazine

レスポンシブなタイポグラフィーは紙のメディアにはなかったWebならではのパラダイム。単にブレークポイントでフォントサイズを変えるだけのようにも思えるが、実践ではそうはいかない。記事ではvhやvwという単位を使って、これまでの紙で得た知見を上手く再利用しながら流動性のあるメンテナンスしやすいタイポグラフィーについて紹介している。

Architecting Front-end Styles

短い記事ではあるものの、CSSのアーキテクトについて実践的なアプローチを紹介。 なかなか悩ましいコンポーネントの集合体(記事ではパターンと命名している)についても触れているし、それらをどう管理しているかについても紹介している。

Meaningful CSS: Style Like You Mean It by An A List Apart

再利用しやすいCSSとセマンティックは相性が悪いと考えている人もいるだろう。この記事ではHTMLのセマンティックの中でもアクセシビリティに関わるセマンティック(ARIA)を活用した意味が伝わりやすいCSSのアーキテクトについて紹介している。

Refactoring Legacy CSS by Sparkbox

テストしづらいCSSにおいてレガシーなシステムのリファクタリングは難しい。記事ではまず、リファクタリングを始めるタイミングについてから始まり、最終的なアウトプットをどのようなワークフローで行うべきかについても紹介。

TDD Should be Fun

TDD(Test Driven Development)の注目点はテストではなく、テストから始めることによる抽象化のレベル調整にある。そんなTDDをやらなければならないものとして捉えるのではなく、楽しく実践するためのコツを紹介。

The Importance of !important: Forcing Immutability in CSS by CSS Wizardry

CSSにおける!importantは基本的には使わない方向で落ち着き始めている。Harry Roberts氏はその見解に反対をするわけではないが、!importantが持つ力をImmutabilityを発揮させることに使うべきだとしている。

Announcement

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief