ウェブ

アダムアーガイルとポッドキャストエピソード37を壊す：VisBugとは何ですか？

このエピソードでは、VisBugについて話します。それは何ですか、そしてそれはChrome DevToolsにすでにあるオプションの配列とどのように異なりますか？ドリュー・マクレランは、その作成者であるアダム・アーガイルと話をして調べます。

コアWebバイタルをどのように改善したか（ケーススタディ）

Googleの「ページエクスペリエンスアップデート」は6月に公開されます。最初は、Core Web Vitalsのしきい値を満たすサイトは、すべてのブラウザーのモバイル検索でわずかなランキングの利点があります。検索はどのビジネスにとっても重要です。これは、BeauHartshorneとInstantDomainSearchの彼のチームがCoreWebVitalsのスコアをどのように改善したかを物語っています。

ツリーシェイク：リファレンスガイド

「ツリーシェイク」は、JavaScriptをバンドルする際に必須のパフォーマンス最適化です。この記事では、それがどのように正確に機能するか、そしてスペックとプラクティスがどのように絡み合ってバンドルをよりスリムでパフォーマンスの高いものにするかについて深く掘り下げます。さらに、プロジェクトに使用するツリーを揺るがすチェックリストを入手できます。

修正が必要なイライラするデザインパターン：バースデーピッカー

UXに関するこの新しいシリーズの記事では、いくつかの苛立たしいデザインパターンを詳しく見て、より良い代替案を探ります。また、それを構築または設計するときに覚えておくべき多くの例もあります。悪名高いバースデーピッカーから始めましょう。

リトルスマッシングストーリー

今日は、SmashingNewsletterの第300版を送信した日です。この記事は、舞台裏で働く人々からの小さなスマッシングストーリーを共有する小さなお祝いです。

CSSアニメーションとトランジションのイージング関数を理解する

イージング関数は、アニメーションの速度または速度に影響を与えることにより、アニメーションのルックアンドフィールを変更できます。この記事では、イージング関数について深く掘り下げ、それらを使用して自然で見事なアニメーションを作成する方法を見ていきます。

アクセシビリティテストのレイヤーをプロセスに組み込む方法

アクセシビリティの専門家であるKateKalcevichとMikeGiffordは、読者に「階層型アクセシビリティテスト」を紹介します。これは、デジタル製品ライフサイクルのさまざまな段階でさまざまなツールとアプローチを使用して、アクセシビリティの問題を早期に発見する方法です。

新しくサポートされた最新のCSS疑似クラスセレクターのガイド

[セレクターレベル4]（https://drafts.csswg.org/selectors-4/）のCSSワーキンググループエディターのドラフトには、最新のブラウザーですでに提案候補があるいくつかの疑似クラスセレクターが含まれています。このガイドでは、現在最高のサポートを提供しているものと、それらを今日使用し始める方法を示す例を取り上げます。

Webデザインはうまくいった：普通は並外れて作られた

時々、それは私たちを二度見させるウェブライフのささいなことです。カルーセルからドキュメント、Cookieの免責事項まで、ありふれたものを少し魔法のように散りばめたサイトがいくつかあります。

Next.jsを使用したインクリメンタル静的再生（ISR）の完全ガイド

インクリメンタル静的再生（ISR）は、Jamstackの新しい進化形であり、サイトを完全に再構築しなくても、静的コンテンツを即座に更新できます。 Next.jsのハイブリッドアプローチにより、ISRをeコマース、マーケティングページ、ブログ投稿、広告付きメディアなどに使用できます。