ウェブ

ヘッドレス化:ユースケースとそのメリット

ヘッドレスオプションの人気の原動力の1つは、ユーザーエクスペリエンスの品質に対する期待が絶えず高まっていることです。 この記事では、ヘッドレスの意味、その使用例、およびヘッドレスがお客様に適しているかどうかを判断する方法について説明します。

続きを読む

アクセス可能なフロントエンドコンポーネントの完全ガイド

アクセス可能なフロントエンドコンポーネントの最新コレクション:アコーディオン、フォームスタイル、ダークモード、データチャート、日付ピッカー、フォームスタイル、ナビゲーションメニュー、モーダル、ラジオボタン、「スキップ」リンク、SVG、タブ、テーブル、トグルとツールチップ。

続きを読む

フローティングラベルと緑の灯台のスコアはなくなりました

スマッシングで何が起こっているのだろうか? さて、私たちは忙しかったです。 ここでは、フローティングラベルを削除し、モバイルでのパフォーマンスを向上させ、新しいシリーズの記事を立ち上げた方法について少し説明します。 ああ、そしてあなたもスマッシングにどのように貢献できるか。

続きを読む

Webデザインクライアントを高速に取得する方法(パート1)

ウェブデザインビジネスを成功させる秘訣は、デザインを製品ではなくサービスとして考えることです。 経常収益に焦点を合わせ、ターゲットを絞った1つのニッチ市場に販売すると、これまでになく迅速にビジネスを成長させることができます。

続きを読む

Flutter2の新機能

Flutterは、Android / iOS向けのクロスプラットフォームモバイル開発SDKから、Windows、Linux、およびmacOSのブラウザーで同じコードをネイティブに実行できるツールに移行しています。 Flutter 2により、非モバイルFlutter開発がより実行可能になり始めています。

続きを読む

良い、良い、最高:アクセス可能なパターンの複雑な世界を解きほぐす

アクセシビリティに関して、どのパターンが優れているか、優れているか、最良であるかをどのようにして知ることができますか? 確立されたパターン/ライブラリを使用するか、新しいものを作成する方が良いですか? 利用可能な選択肢が無数にあるため、このトピックに関する混乱の網にすぐに巻き込まれる可能性があります。

続きを読む

CSSジェネレーター

新しい短い一連の投稿では、開発者とデザイナーにとって便利なツールとテクニックのいくつかに焦点を当てています。 今回は、CSSジェネレーターについてです。CSSシャドウからグラデーションの緩和、CSSオーバーレイ、CSS落書きまでです。

続きを読む

UXの成熟度の向上:UXチャンピオンを見つけてROIを実証する(パート1)

組織の全体的なUXの成熟度を高めるために取り組むとき、私たち全員が恩恵を受けます。 この記事では、UXの成熟度の概念を探り、UXチャンピオンを見つけて活用し、投資収益率またはUXの価値を実証することに焦点を当てます。

続きを読む

CSS監査ツール

CSSをデバッグおよびリファクタリングするためのCSS監査ツールの完全ガイド。 CSSの特異性の問題、重複した無効なセレクターを検出し、CSSアーキテクチャを改善するためのツール。

続きを読む

Node.jsとPuppeteerを使用した動的Webサイトの倫理的スクレイピングガイド

多くのWebスクレイピングタスクでは、ページのデータを抽出するにはHTTPクライアントで十分です。 ただし、動的なWebサイトの場合、ヘッドレスブラウザが不可欠になることがあります。 このチュートリアルでは、Node.jsとPuppeteerに基づいて動的なWebサイトをスクレイピングできるWebスクレイパーを構築します。

続きを読む