Frontend Weekly Vol.6

Headlines

All the Things that Don’t Matter by Julie Zhuo

プロジェクトを進めていくうちにどうしても折り重なっていく歴史的経緯。FacebookのプロダクトデザインディレクタであるJulie Zhuo氏はその経緯の存在を否定することはしなくてもいいが、よりよいプロダクトを作るためには「記憶をなくして」きちんと指摘しなければダメだとしてます。

The Specialist-Generalist Balance by An A List Apart

チームの中でスペシャリストとジェネラリストのバランスをどう取るか。スペシャリストの役割やジェネラリストの役割を考えた上でのチームビルディングはプロジェクトを成功させるために必要不可欠。マネジメントに携わる人は必読の記事。

Chainable BEM modifiers by We build Envato

BEMで提唱されたCSSのセレクタ命名規則を実際に運用して見た結果、弱点も見えてきて、その問題点に対して新しい解決案を実験しているEnvatoチームからの共有。机上の空論ではなく実践主義に基づいた素晴らしい提案。

Eric Elliott氏がGistで公開したJavaScriptプログラマのためのリンク集で紹介されているリンクに紹介文を追記した記事。結構な分量あるが、どのリソースも重要なので時間を作って確実に読んでおくべきかと。

I Don’t Want to Teach the World to Code… I Want to Teach the World to Problem Solve by Aaron Gustafson

プログラミングを子どもに教えることに関連し、プログラミングそのものを覚えるのではなく、プログラミングを通じて学べる問題解決へのアプローチや、失敗することそのものが大切という話。

In Other News…

Web Components punch list by The Paciello Group

Web ComponentsやモダンなJavaScriptのMV*ライブラリなどでカスタマイズするUIをデザインする際に気をつけておくべきアクセシビリティのチェックポイントについて。

Exploring object-fit by Mozilla Hacks

結構強力なのに、なかなかクロスブラウザで利用できるようにならないobject-fitというCSSのプロパティについてMozilla Hackの解説。

Fetch is the new XHR by Matt Gaunt

Fetch APIの使い方。基本的なGETとPOSTについてスニペット付きでわかりやすく解説。

The Art of Questioning as a UX Skill by UX Movement

問題を発見するために必須の技術と言える「質問」について。基本的なことからUXという文脈における質問術の例を紹介しています。

Slides/Videos

4½ Methods for Theming in (S)CSS by Harry Roberts

Sassを使って4つと少しのUIテーマの作り方をHarry Roberts氏が解説。

A 90 minute overview of ECMAScript 6 by Axel Rauschmayer

Axel Rauschmayer氏による90分におよぶECMAScript 6に関する解説動画。スライドも公開されているので合わせてどうぞ。

In Brief