ウェブ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Auth0を使用してNext.jsに認証を実装する方法

Auth0を使用してNext.jsアプリに認証と承認を追加するためのステップバイステップのチュートリアル。 Next.js SDKを使用して、アプリケーションをAuth0 APIに接続し、Reactの動的APIルートを作成します。

苛立たしいデザインパターン：メガドロップダウンホバーメニュー

メガドロップダウン、一般的な落とし穴、ホバーの出入りの遅延、軌道三角形の手法、SVGパスの出口領域を設計および構築する際に留意すべきすべてのこと。

SVGator 3.0を使用してSVGをすべて一か所で作成、編集、アニメーション化する方法

本日、[SVGator 3.0]（https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing）を詳しく見ていきます。これは、人気のあるSVGアプリケーションの新しいメジャーリリースであり、作成、編集、およびSVGファイルをアニメーション化し、SVGが提供するものを最初から最後まで最大限に活用します。