ウェブ

累積レイアウトシフト（CLS）の問題を修正する方法

GoogleのCoreWebVitalsイニシアチブは、SEOとWebパフォーマンスの世界を席巻し、多くのサイトがランキング要素を最大化するためにページエクスペリエンスの最適化に忙しくしています。累積レイアウトシフトメトリックは多くのサイトに問題を引き起こしているので、そのメトリックの問題に対処する方法を見てみましょう。

オンラインストアのパフォーマンスの向上（ケーススタディ）

Googleから良いパフォーマンススコアを取得することは、どのWebサイトにとっても困難ですが、オンラインストアで取得することはさらに困難です。私たちはグリーンスコアを達成しました—モバイルの場合でもいくつかです。これが私たちのやり方です。

WYSIWYGエディターへのコメントシステムの追加

この記事では、最初の記事で構築された基本的なWYSIWYGエディターを再利用して、ユーザーがドキュメント内のテキストを選択してコメントを共有できるWYSIWYGエディターのコメントシステムを構築します。掘り下げましょう！

フロントエンド開発者向けの便利なVSCode拡張機能

Web開発者向けの便利なVisualStudioCode拡張機能をご覧ください。速度の低下やフラストレーションを最小限に抑え、開発者のワークフローを後押しするための小さなヘルパーです。自動ログメッセージ、自動コードフォーマット、ファイルユーティリティ、ファイルラベル、コードスニペット、ハイライトブラケット、タグ、インデント、ワークスペース、オンボーディング、リモートSSH。

EditorXを使用して強力なレスポンシブWebサイトを構築して起動する方法

Webビルダーは長い間存在していましたが、プロとして使用できるようになったのはつい最近のことです。デザインとコードのギャップを埋めることは多くの企業にとって最重要事項であり、この約束を実現するツールの波が見られます。

アクセス可能なSVG：スクリーンリーダーユーザーに最適なパターン

OS、ブラウザ、スクリーンリーダーのさまざまな組み合わせを比較するときに、避けるべきSVGパターンと、最も包括的なパターンを見つけてください。

Gitで間違いを元に戻すためのガイド（パート2）

間違い。これらの残酷な悪役は、ソフトウェア開発の美しい世界にとどまりません。しかし、間違いを避けることはできませんが、それを元に戻すことを学ぶことができます！この投稿では、Gitでの日常業務に適したツールを紹介します。

フォント読み込みの影響を減らすための新しい方法：CSSフォント記述子

Webフォントは、多くの場合Webパフォーマンスにとってひどいものであり、フォントの読み込み戦略はどれもそれに対処するのに特に効果的ではありません。今後のフォントオプションは、フォールバックフォントを最終的なフォントに簡単に揃えることができるという約束を最終的に実現する可能性があります。

CSSコンテナクエリ：ユースケースと移行戦略

CSSコンテナクエリは、メディアクエリをターゲット要素自体に近づけ、事実上すべての特定のコンテナまたはレイアウトに適応できるようにします。この記事では、CSSコンテナークエリの基本と、プログレッシブエンハンスメントまたはポリフィルを使用してそれらを今日使用する方法について説明します。

リッチテキストエディタの構築（WYSIWYG）

リッチテキスト、WYSIWYGエディターを作成して、ワードプロセッシングアプリのリッチテキスト、画像、リンク、およびいくつかの微妙な機能をサポートしましょう。 SlateJSを使用してエディターのシェルを構築してから、ツールバーとカスタム構成を追加します。