ウェブ

デザイナーと開発者の間のギャップを埋める

UXPinは最近、「マージ」と呼ばれる新機能をリリースしました。このツールは、チームが期待する敏捷性と品質を向上させながら、設計と開発の溝を突破することを目的としています。この新しいテクノロジーにより、設計チーム全体とエンジニアリングチームがどのように連携するかについて再考する可能性があります。

オートフィルダークパターン

「ダークパターン」は、ユーザーをだまして、実際にはやりたくないことを実行させる、欺瞞的なUXパターンです。この記事では、Alvaro Montoroが少し実験を行って、3つの異なるブラウザーでユーザーからプライバシーがどれだけ奪われているかを調べます。

AnimXYZを使用したVueでの構成可能なCSSアニメーション

GSAPやFramerMotionなどのほとんどのアニメーションライブラリは、主にSCSSで構築された「最初の構成可能なCSSアニメーションツールキット」とラベル付けされたAnimXYZとは異なり、純粋にJavaScriptまたはTypeScriptで構築されています。短時間と小さなコードでウェブ上のアニメーション。

最新の画像形式の使用：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開発ツールを使用してリアルタイムで適応し、彼らに加わりました。