Frontend Weekly Vol.72

Headlines

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

UIから複雑性を排除するために必要な基本のプロセス
どうしても複雑化しやすいUIをどうやってユーザが求めるゴールを達成するために最低限必要なシンプルなものにしていくべきかの指針。まずはゴールまでのストーリーから始まり、レイアウトパターン、コンテント・レイヤー、グループ毎の差異のコントラストなどについてわかりやすく解説している。

Debugging CSS by Ben Frain

CSSのデバッグ・アプローチ
CSSのデバッグは言語の性質的に難しいものである、という先入観があるかもしれないが、CSSのデバッグが難しいのはそれだけが理由ではなく、単にデバッグするためのプロセスを明確に持っていないからという理由も大きい。記事ではBen Frains氏が実践している3つのプロセスについて紹介。

Refactoring a JavaScript video store

JavaScriptの実践リファクタリング・フロー
プログラミングに関する本の中でも必読の1冊である、リファクタリングの作者であるMartin Fowler氏による、JavaScriptのリファクタリング・テクニックとワークフロー。かなり具体的に、ステップ毎にスニペットがあるので参考になる。

5 Questions Every Unit Test Must Answer by JavaScript Scene

すべてのユニット・テストで答えなければならない5つの質問
なかなか始められないユニット・テスト。そんなユニット・テストがなんのためにあるのか。そして、どうテストに対してアプローチするべきなのか、良いユニット・テストとは何かなどについてEric Elliott氏が解説。

Six nifty ES6 tricks

ES6で使える6つの便利なトリック達 Exploring ES6の作者であるDr. Axelより、ES6ならではの機能を使った6つのトリック。クレバーなトリックにも思えるが、言語を活かした便利な技達。

ARIA tabs, UI problems and standards by AlastairC

ARIA tabs。UIにおける問題と標準
ARIA tabsを使ったUIのいくつかを例にして、キーボードでの操作や音声ブラウザによる読み上げと、例示した実際のUIが抱えるいくつかの問題点とその解決について紹介。

Radio Buttons UX Design by UX Planet

ラジオボタンのUX
フォームにおいて基本のUIであるラジオボタンのUXについて。ラジオボタンの起源から始まり、8つのベストプラクティス、チェックボックスとの使い分けについて解説。

Slides

Building an Offline Page for theguardian.com — JSConf Budapest, May 2016 by Oliver Joseph Ash

The Gurdian誌におけるオフラインページの開発について。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief