ウェブ
アクセシビリティツールの完全ガイド
新しい短い一連の投稿では、開発者とデザイナーにとって便利なツールとテクニックのいくつかに焦点を当てています。 最近、HTMLメールとSVGジェネレーターについて説明しました。 今回は、アクセシビリティテストプロセスを合理化するのに役立つさまざまな種類のツールについて検討します。 次のものをお見逃しなく。
続きを読むDevKinstaを使用してローカルで複数のWordPressサイトをスピンアップ
WordPressのテーマとプラグインを開発するときは、さまざまな環境でそれらをテストする必要があります。 システム管理者になることなく、コンピュータ上に複数のテストサイトをすばやく簡単に作成するにはどうすればよいでしょうか。
続きを読むAddy Osmaniによるポッドキャストエピソード39のスマッシング：画像の最適化
Smashing Podcastのこのエピソードでは、画像の最適化について話します。 2021年にパフォーマンスの高い画像を作成するには、どのような手順に従う必要がありますか？ 専門家のAddyOsmaniに相談して調べます。
続きを読むCSSが十分でない場合：アクセシブルなコンポーネントのJavaScript要件
ネタバレ注意：ツールチップ、モーダル、タブ、カルーセル、およびドロップダウンメニューは、CSS以上のものを必要とするユーザーインターフェイスコンポーネントの一部です。 インターフェイスのアクセシビリティを確保するには、フォーカス管理を実行し、キーボードイベントに応答し、ARIA属性を切り替えるためにJavaScriptが必要です。
続きを読むMapboxを使用してVue.jsでジオコーディングアプリを構築する方法
このガイドでは、フォワードジオコーディングとリバースジオコーディングの概念を一般的に見て、MapboxとVue.js 2.6.11を使用してこれらの概念を適用し、特定の場所を表示するミニアプリを構築します。 。
続きを読むVue3での共有状態の管理
大規模なVueアプリケーションを作成するのは難しい場合があります。 この記事では、Shawn Wildermuthが、ファクトリ、共有オブジェクト、Vuexの使用などのアプローチの長所と短所について詳しく説明します。 彼はまた、Vue3での共有状態の使用方法を変える可能性のあるVuex5.0の新機能についても説明しています。
続きを読む累積レイアウトシフト（CLS）の問題を修正する方法
GoogleのCoreWebVitalsイニシアチブは、SEOとWebパフォーマンスの世界を席巻し、多くのサイトがランキング要素を最大化するためにページエクスペリエンスの最適化に忙しくしています。 累積レイアウトシフトメトリックは多くのサイトに問題を引き起こしているので、そのメトリックの問題に対処する方法を見てみましょう。
続きを読むオンラインストアのパフォーマンスの向上（ケーススタディ）
Googleから良いパフォーマンススコアを取得することは、どのWebサイトにとっても困難ですが、オンラインストアで取得することはさらに困難です。 私たちはグリーンスコアを達成しました—モバイルの場合でもいくつかです。 これが私たちのやり方です。
続きを読むWYSIWYGエディターへのコメントシステムの追加
この記事では、最初の記事で構築された基本的なWYSIWYGエディターを再利用して、ユーザーがドキュメント内のテキストを選択してコメントを共有できるWYSIWYGエディターのコメントシステムを構築します。 掘り下げましょう！
続きを読む