Vol.379

Cole Peters An Introduction to Constraint Based DesignSystems Jump to heading #

制約に基づくデザインシステム Jump to heading #

Cole氏は15年のキャリアで培った、効果的なデザインシステムを構築するための概念を解説する。変数が増えるたびにデザインシステムの複雑性は爆発的に増えていく。これに対して、”制約に基づくデザインシステム”は、複雑さを抑える。制約に基づくデザインシステムの具体的な例や、デザインシステムがどのようにワークすべきかについて解説する。

Some ways to get better at debugging Jump to heading #

デバッグのスキルを上げる方法 Jump to heading #

デバッグスキルを向上させるためのコツをまとめて紹介している。

1. コードベースを学ぶ
2. システムを学ぶ
3. ツールを学ぶ
4. 戦略を学ぶ
5. 経験を積む

Designing Better Error Messages UX Smashing Magazine Jump to heading #

エラーメッセージのUXデザイン Jump to heading #

エラーメッセージは簡単に見つけられ、役に立つ必要がある。エラーメッセージを入力フィールドの上に表示する必要がある理由と、トーストエラーメッセージがあまり有効ではない理由について言及する。

Building a mental model (and how to leverage them for sound design) Jump to heading #

メンタルモデルの構築方法について紹介する。ユーザーがメンタルモデルを構築していく過程として以下の3ステップを紹介している。

1. 慣れる
2. 習熟する
3. 習得する

New Success Criteria in WCAG 2.2 Jump to heading #

WCAG(Web Content Accessibility Guidelines)2.2の基準について解説している。

In Brief Jump to heading #

• Using :has() as a CSS Parent Selector and much more: :has()の革新性について解説し、その使用例を紹介している

• Merging two GitHub repositories without losing commit history Mozilla Hacks - the Web developer blog: Gitの履歴を残しつつ、リポジトリをマージする方法

• Default Exports in JavaScript Modules Are Terrible - Lloyd Atkinson: デフォルトエクスポートの問題点を解説する

• Use the Right Container Query Syntax: CSSのコンテナクエリーのブラウザの対応状況についてとサンプルを紹介する

• Implementing Promisable setTimeout: Promiseとして扱えるsetTimeoutを実装する