Frontend Weekly Vol.76

Headlines

Designing Modular UI Systems Via Style Guide-Driven Development by Smashing Magazine

モジュラーUIシステムをスタイルガイド駆動開発でデザインする

スタイルガイド駆動開発はモジュラーUIをデザインする上でも、有効なアプローチ。記事ではそもそもモジュラーUIシステムとはどんなものかの例から、スタイルガイド駆動する上で気をつけるべき実践的なポイントなどについて詳しく解説している。

You don’t have my permission by Signal v. Noise

許可を取るのではなく、どうしたいのかを伝える

上司と部下、マネージャとメンバー。よび名はどうあれ、組織体系がどうあれ、許可を取る場面は少なくはない。しかし、許可を取ることより、どうしたいかを明確に伝えることが大事。

The Art Of Layout Testing With Galen Framework by Smashing Magazine

Galenフレームワークを使った自動レイアウトテスト

GalenフレームワークというUIテストツールを使って、自動でレイアウトのテストを行うために知っておくべき事を紹介。以前にGalenフレームワークが紹介された頃よりも遙かに実践的になってきているので、導入を検討してもいいかも。

JavaScriptエンジニアが、2016年に覚えるべきスキル

今年トレンドになっている技術やライブラリをGoogle Trendや、Stack Overflowなどのデータを元に選定し、それぞれの傾向などを解説している。あくまで海外の動向だが、参考になる部分も多い。

Improving UX For Color-Blind Users by Smashing Magazine

色覚とUXとアクセシビリティ

色盲の人の割合は全人口の4.5%にも及ぶことは見落としがちな事実である。そうしたユーザーのために配慮すべき、アクセシビリティの中でも特に色に関すること。

Don’t Overthink It (Flexbox) Grids by CSS-Tricks

(Flexboxの)グリッドは考えすぎるな

新しいグリッドのCSSフレームワークが毎週のように出てくることを憂いている筆者が、Flexboxのグリッドは簡単に書けるということを分かりやすいコードで解説している記事。Flexboxは確かに関係するプロパティが多いので混乱するが、基本はシンプルにできることが分かる。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief