Frontend Weekly Vol.108

Headlines

Maintaining Accessibility in a Responsive World by Filament Group

レスポンシブの中でのアクセシビリティ

レスポンシブであること、アクセシブルであることを両方成立させることは決して簡単ではない。その両方を長年実現させようとしているFilament Groupによるレスポンシブ・デザインにおけるアクセシビリティについての注意点を紹介。

Component QA in Design Systems by EightShapes

デザイン・システムにおけるコンポーネントのクオリティ担保

デザイン・システムを構成するコンポーネントたちには多くのクオリティを達成する必要がある。この記事ではそのクオリティを構成する要素とは何かを明示し、それらの担保に必要なテストについて紹介している。

How Flexbox works — explained with big, colorful, animated gifs

FlexboxをアニメーションGIFを使って解説

Flexboxに関する説明はなかなか尽きることはない。これまでも何度かFrontend Weeklyで取り上げてきたが、今回はアニメーションGIFを使った解説。ビジュアル・ラーナーな人には最適な資料。

UX Smells

UXにおける『不吉なにおい』

コードにも不吉なにおいがあるのと同じくUXにもそれはある。そんなにおいがどこから立ち上ってくるのか。そしてそれらをどう回避するべきなのかについて紹介。

Patterns ≠ Components by EightShapes

パターンはコンポーネントと同じではない

コンポーネントとパターン。それらを同じものとして理解し、実装し、利用するのは少々危ういのかも知れない。この記事ではそれらの歴史をふり返りながら定義を見直し、違いを明らかにしている。

Reporting Browser Bugs

ブラウザのバグを報告しよう

ブラウザはもちろんソフトウェアである。ほかのソフトウェアと同じくバグも当然存在している。実験的なフラグの後ろで動く機能などブラウザはバグを報告されるのを待っているが、なかなかそうするには至らない。記事ではその方法について紹介している。

Building a fully-accessible help tooltip

アクセシブルなヘルプ・ツールチップの作り方

ツールチップをアクセシブルにするのは想像以上に難しい。
Sara Soueidan氏によるその難しい実装に関する詳細。

Announcement

Inside Frontend #1 (PR)

Webフロントエンドの現場とこれからをつなぐカンファレンス、Inside Frontendを 225(土) に東京ガーデンテラス紀尾井町にて開催。
カンファレンス内で開催されるAMA(Ask Me Anything)ブースにて皆さんからの質問を受け付けてます

Slack for Frontend Weekly (PR)

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

In Brief