Vol.359

Make Beautifully Resilient Apps With Progressive Enhancement Jump to heading #

プログレッシブエンハンスメントを適用したフォームの実装 Jump to heading #

GOV.ukの調査によると、訪問したユーザーの1%はJavaScriptでエラーが発生していると報告されている。プログレッシブエンハンスメントの考え方を適用することで、その1%を救うことができたとき、ビジネスへのインパクトは非常に大きい。この記事では、具体的なコードを交えながら、プログレッシブエンハンスメントを適用したフォームの実装を紹介する。

Optimising Largest Contentful Paint Jump to heading #

LCPを最適化する Jump to heading #

Core Web Vitalsの一つであるLCPをどのように最適化していけばよいかを解説する。この投稿では、いくつかのポイントを紹介した後に、興味深いトリックと最適化について解説する。また、いくつかの落とし穴とバグを紹介している。

Master your questioning skills Jump to heading #

質問のスキル身につけるためには Jump to heading #

Murat氏がブログに設けている MAD questionについての考察。この問いかけがどのようにワークしたのか、それから学んだこととは何か、紹介していく。

Tao of Node - Design Architecture & Best Practices Jump to heading #

Node.jsに関するデザイン、アーキテクチャのベストプラクティスを紹介する。

Refactor Organisation Jump to heading #

組織をリファクタリングするというアイディアについて、BBCのWebサイトを再構築するというプロジェクトでそれがどのようにワークしたかを解説する。

In Brief Jump to heading #

• The case for adding validation state to your design tokens: バリデーションのステートに関するデザイントークンを実装するための例を紹介する

• What Developers Need from UX Research: エンジニアがユーザーリサーチにどのように関わっていけばよいかについて解説する

• Use Git tactically: Gitを戦術的に活用するためのアイディアを紹介している

• Optimising Core Web Vitals on SPAs: SPAにおいてCore Web Vitalsを最適化する方法について紹介する

• EightShapes Contrast Grid: 背景色と文字色のコントラストをいくつも簡単にテストできるツール