ウェブ

最新の画像形式の使用：AVIFとWebP

この記事では、最新の画像形式（AVIFまたはWebP）がどのように圧縮を最大50％改善し、視覚的に魅力的でありながらバイトあたりの品質を向上させることができるかを強調します。高品質、低品質、ファイルサイズのターゲットで可能なことを比較します。

マークダウンのアクセシビリティの向上

Markdownはインターネット上の多くの場所で見つけることができます。この記事では、Markdownのさまざまな側面と、Markdownが他のテクノロジーとどのように相互作用するかについて説明します。

エンドツーエンドのテストのためにサイプレスに飛び込みましょう

エンドツーエンドのテストはあなたにとって苦痛なトピックですか？この記事では、Ramona Schweringが、サイプレスを使用してエンドツーエンドのテストを処理し、面倒で費用がかからないようにする方法を説明しますが、代わりに楽しいものにします。

Next.jsを使用した大規模なEコマースWebサイトの再構築（ケーススタディ）

Next.jsを使用して、従来の統合eコマースプラットフォームからヘッドレスプラットフォームに切り替えました。 Next.jsを使用して大規模なeコマースサイトを再構築する際に学んだ最も重要な教訓は次のとおりです。

アクセントカラーでフォームスタイルを簡素化

新しいCSSの`accent-color`プロパティを使用すると、ユーザーエージェントのスタイルを活用して、ブランドの色を特定のフォーム入力にすばやく簡単に展開できます。この記事では、それが何をするのか、そしてそれを「カラースキーム」と一緒に使用して、シンプルでアクセス可能なチェックボックスとラジオボタンを作成する方法を見ていきます。

独自のマウスレス開発環境を構築する方法

シェルをキーストーンとして開発環境を構築することには、複数の利点があります。自分のニーズに応じてすべてをカスタマイズできます。そして何よりも、キーボードを使用して開発環境全体を制御できます。

Web開発ツールがユーザーの急速な変化にどのように対応しているか

過去18か月は、前例のない混乱の時期でした。世界中の人々がオンラインで殺到するにつれて、企業はWeb開発ツールを使用してリアルタイムで適応し、彼らに加わりました。

詐欺師のドメインはあなたのウェブサイトを再公開していますか？

コンテンツのスクレイピングは、インターネット上での現実です。 Webスクレイピングについて考えるとき、おそらく、スクレイパーが向きを変えて、ページ全体のコンテンツ全体を別のWebサイトにすぐに提供することは考えないでしょう。しかし、サイトのコンテンツが再公開されている場合はどうなるでしょうか。それはすでに起こっているかもしれません。

Gatsby関数とStripeを使用してオープンソースソフトウェアを収益化する

Gatsby Functionsは、フロントエンド開発者に、サーバーを保守する手間をかけずにサーバー側のコードを記述して使用する方法を提供します。オープンソースからお金を稼ぐことがあなたにとって興味があり、あなたのサイトがギャツビーを使って構築されていないなら、このアプローチはあなたが探していた答えかもしれません。

Web品質保証：ユーザー要件からWebリスク管理まで

20年前、Elie Sloimは、彼の職業生活をWeb品質保証に捧げることを選択しました。彼は、「Webユーザーにとって品質とはどういう意味ですか？」と尋ね始めました。さて、この記事は彼がその過程で学んだすべてを説明しています。