ウェブ

カテゴリページのデザインでモバイルコンバージョンを増やす方法

最近の調査によると、eコマースのカテゴリページは、個々のカテゴリページよりも検索のクリック率が高いことがわかっています。 したがって、eコマースサイトが買い物客を引き付けて変換するのに苦労している場合は、カテゴリページ(特にモバイルのページ)を再設計する必要があるかもしれません。

続きを読む

設計者はどのようにコーディングを学ぶべきですか? Git、HTML / CSS、エンジニアリングの原則(パート2)

[パート1](https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/)で、ポールはターミナルの基本を説明し、いくつかの生産性ハックを共有しましたはじめに、コードエディタの選び方。 このパートでは、バージョン管理(Git)、HTMLとCSS、セマンティックコード、およびいくつかの主要なエンジニアリング原則の簡単な紹介のトピックを続けます。

続きを読む

ポール・ボーグとポッドキャストエピソード12を壊す:変換の最適化とは何ですか?

Smashing Podcastのこのエピソードでは、サイト訪問者を顧客に変えることに関するユーザーエクスペリエンスについて話します。 ドリュー・マクレランがコンバージョン最適化のスペシャリストであるポール・ボーグと話をして調べます。

続きを読む

オットーストーチによるインスピレーションを得たデザインの決定:アイデア、コピー、アート、タイポグラフィが不可分になったとき

Inspired Design Decisionsのこの第7回では、Andy Clarkeが、アメリカのアートディレクター兼グラフィックデザイナーのOttoStorchがWebのデザインにどのように影響を与えているかを探ります。

続きを読む

Reactでソート可能なテーブルを作成する

Reactでテーブルをソート可能にするのは大変な作業のように聞こえるかもしれませんが、それほど難しいことではありません。 この記事では、すべてのテーブル並べ替えのニーズを整理するために必要なすべてを実装します。

続きを読む

CSSHoudiniの実用的な概要

この記事では、Houdiniの各部分、現在のブラウザーサポートを確認し、プログレッシブエンハンスメントを使用してそれらを現在どのように使用できるかを確認します。

続きを読む

設計者はどのようにコーディングを学ぶべきですか? ターミナルとテキストエディタ(パート1)

この2部構成の一連の記事の目的のために、「設計者はコーディングする必要がありますか?」の答えを想定します。 「状況によります」です。 シリーズのこの最初のパートでは、コマンドラインとテキストエディタに慣れることを見ていきます。

続きを読む

Indigo.DesignのユーザビリティテストがWebデザインから推測を取り除く方法

この記事では、ユーザビリティテストのプロセスについて説明します。それは、それが何であるか、いつ使用する必要があるか、Indigo.Designを使用してWebサイトを開発する際にデータに裏付けられた洞察を生成する方法です。

続きを読む

Reactでの無限スクロールと画像遅延読み込みの実装

このチュートリアルでは、 `HTML`` Intersection Observer` APIを使用して、React機能コンポーネントに無限スクロールと画像遅延読み込みを実装する方法を学習します。 その過程で、Reactのフックのいくつかを使用する方法とカスタムフックを作成する方法を学びます。

続きを読む

落ち着いてスマッシングマガジンを読む

その月の時間です! 最新のニュースを共有し、私たちが取り組んできたものを強調し、過去1か月間読書を楽しんだので、ぜひご参加ください。

続きを読む