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

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

You don’t (may not) need Lodash/Underscore

ES5そして、ES6を利用できる状況が拡大すると、Lodash/Underscoreはもうネイティブメソッドで置き換えることができる。という例示。

The Accessibility Mindset by 24 ways

W3Cのメンバーでもある Eric Eggert 氏によるアクセシビリティの基本的な考え方についてサンプルを交えて紹介する記事。ユーザビリティとも近い関係にあり、少しの手間で Web は誰にとっても使いやすいものにできる。

Good UX: What I…

Product design — How we make complex tasks feel simple by GoSquared Blog

複雑なタスクをいかにシンプルに感じさせるか。ユーザ・インターフェースをデザインする上でもっとも重要なゴールを実際のUIを例にどうアプローチしたのかについて詳しく解説している貴重な記事。

Case Study: Our SVG Icon Process by Cloud Four Blog

アイコンフォントではなく、SVGでアイコンを表現するべきだという意見を記事にしたCloud Fourが実際にどういうワークフローでSVGアイコンを作成しているのか。ビルド・プロセスやスタイリング、SVGの最適化についてまできちんと紹介しているので参考になる。

How to lint your Sass/CSS properly with Stylelint by Creative Nightly

最近頭角を現しているPostCSSのプラグインであるStylelintについての紹介。拡張性が高い分、設定項目も多いので、どういう設定を使っているのかや、Gulpを使ってのビルドプロセスなどにも触れているので、参…

Basic steps on how to remove complexity out of UI Design by Jin Su Park

UIから複雑性を排除するために必要な基本のプロセス

A Deep Dive into React Perf Debugging

React.js のパフォーマンスに関する2部構成の後編。今回は DevTools でアタリをつけてから具体的なボトルネックの詳細を特定していくケーススタディ。前編で基礎を固めてから読みたい。

It’s not the interface that…

Buttons in Design Systems by EightShapes LLC

デザインシステムを構築する上で欠かせないコンポーネントのひとつであるボタン。非常にシンプルなコンポーネントであるが、そのパターンの展開や用途を考慮すると深く考えることが多い。デザインシステムを考える上での大きなヒントになる。

Looking back on 2015: six exciting web technologies

Dr. Axel の視点から2015年の Web 技術を振り返りながら、それらの注目ポイントを紹介した記事。ブラウザ Web の進化だけでなくネイティブやデスクトップアプリに用いる Web 技術についても新しい変化がみられた年だった。Progressive Web…