Vol.382

Moving With Prototypes Jump to heading #

プロトタイピングがなぜ有効なのか Jump to heading #

プロトタイプは、共有された理解からあいまいさと個々の解釈を取り除くための強力なツールである。会議やメモで「赤」という言葉を使った場合、人によりイメージが異なるが、プロトタイプで「赤」を見ることは非常に明確である。プロトタイピングは「shipping」の小さな単位であると考えることができ、そこから多くの示唆を得ることができる。

26 Things from 101 Things I Learned in Architecture School Jump to heading #

建築デザインからWebデザインに適用可能な26のアイデア Jump to heading #

「アーキテクチャスクールで学んだ101のこと」という本から抜粋して26つのデザインに関するアイディアを紹介する。

• デザイン上の決定は、少なくとも 2 つの方法で正当化する必要がある
• 少ないほど良い
• 完璧なデザインシステムは無い

A Whole Cascade of Layers Jump to heading #

SBRDFLTの実践 Jump to heading #

Dave氏が提案する SBRDFLT と名付けられたCSS設計手法についての紹介。SBRDFLTでは、@layer spec, browser, reset, default, features, layout, theme;の階層に分けて設計を行う。これをより深く解説、実践した感想を話していく。

Accessibility is systemic Jump to heading #

Quality Is Systemicの記事では、品質はそのチームのシステムの結果であり、個々のパフォーマンスは影響しない、ということを解説している。これに対し、アクセシビリティに関しても同様であり、個々のスタッフのパフォーマンスで達成するものではなく、インクルーシブデザインを優先するシステムが重要であるとことを述べている。

The details and summary elements again Jump to heading #

detailsとsummary要素についてその仕様を詳細に検証していき、解説していく。

In Brief Jump to heading #

• Thanks iPhone 14 designing for device sizes is dead | Polypane The browser for ambitious developers: 画面幅ではなく、コンテンツに応じたレイアウトを考慮するべき理由と方法について

• Stop calling your design system a product: デザインシステムはプロダクトではなく、インフラと呼ぶことでその特性を正確に言い表す事ができる

• A Complete Guide to React Router: Everything You Need to Know: React Routerに関する完全なガイド

• Will Serving Real HTML Content Make A Website Faster? Let’s Experiment!: ブラウザでHTMLを構築するよりも、サーバーでHTMLを構築し配信する方がパフォーマンスの面で有利であることを検証する

• We Don’t Need Faster Frameworks We Need Better Tooling: フレームワークよりツールの重要性が高まっていることについて言及する