Vol.275

The beauty of progressive enhancement - Manuel Matuzović Jump to heading #

プログレッシブ・エンハンスメントの美しさ Jump to heading #

Manuel 氏は Opera Mini で Web を閲覧した際、Opera Mini では多くの機能がサポートされておらず、そのおかげで、プログレッシブ・エンハンスメントの効果をはっきりと確認することができた。自身で制作するサイトでは、どのようにプログレッシブ・エンハンスメントの考えを適用できているか、具体的なソースコードを交えながらその挙動を解説していき、その重要性を説く。

Case study: Analyzing Notion app performance · PerfPerfPerf Jump to heading #

ケーススタディ: Notion のパフォーマンス Jump to heading #

パフォーマンスはそのアプリが与える体験に対して非常に重要な指標となる。この記事では素晴らしいノートアプリ Notion を例に挙げ、そのサイトパフォーマンスを解析する。Notion は多機能なアプリであるが、起動が遅いことを指摘されているため、実際に開発者ツールなどを用いて解析して、どのような改善ができるかを考察していく。

All tech is political | Go Make Things Jump to heading #

すべての技術は政治的である Jump to heading #

Chris 氏は、すべてのテクノロジーやオープンソース、レビューなどはすべて、発信者の価値観と、信念のフィルタを通してそれに反映されると指摘する。すべての作るものに対して自身のバイアスがかかるということについて。

Global and Component Style Settings with CSS Variables — Sara Soueidan – Freelance-Front-End UI/UX Developer Jump to heading #

CSS variables を使用して、効率的に CSS を管理する方法の提案をする。1 つめはグローバルに使用する色やシャドウの値を:root に設定しておく方法。もう一つは、コンポーネントの親セレクタに対して変数を定義し、そのコンポーネント内に"閉じた"変数を定義する方法。この 2 つの方法について詳しく解説する。

Jobs To Be Done: An Occasionally Useful UX Gimmick - Jared M. Spool - Medium Jump to heading #

Job-To-Be-Done（JTBD）の考えについて、具体的なユーザーの行動を例に挙げ解説し、その効果を紹介する

In Brief Jump to heading #

• The Surprising Things That CSS Can Animate / Coder’s Block: z-index などの一見アニメーションに関係ないプロパティに関してもアニメーション化をすることができる例を示す

• What JavaScript Developers Should Know About Curl: curl でよく使うオプションを紹介する

• CSS Custom Properties Fail Without Fallback · Matthias Ott – User Experience Designer: CSS のカスケードと変数解析のタイミングの違いにより、変数が無効だった場合カスケードによるフォールバックが行われない事象について取り上げる

• Should I write a test or fix a bug?: テストをバグ修正、どちらを優先すべきか、具体的な例を示しながらテストを書くことの重要性を説く

• Design System Principles | Spencer Miskoviak: デザインシステムを構築する際に  守るべき原則を紹介