ウェブ
変換するモバイル向けの潜在顧客ランディングページを設計する
リードキャプチャページは、多くの点で従来のWebページとは大きく異なります。 そのリード生成ページをモバイルに配置すると、それらの違いが拡大し、モバイルで可能だと思っていたものの限界をテストすることさえできます。 今日は、これらの違いを利用して、リードキャプチャページがモバイルでどれだけうまく変換されるかを改善するためのヒントをいくつか見ていきます。
続きを読むプライバシーUX：より良い通知と許可リクエスト
シリーズのこの3番目の記事では、Cookieの同意プロンプト、プッシュ通知、およびサードパーティの追跡を処理する方法について、いくつかの敬意を表する方法について説明します。
続きを読むリソースヒントを使用したパフォーマンスの最適化
ユーザーが実際に行う前に何を行うかを予測できる場合、多くのパフォーマンスの最適化を行うことができます。 リソースヒントは、Web開発者がブラウザーをユーザーの一歩先に進め、ページを高速に保つのに役立つ、シンプルで効果的な方法です。
続きを読むユーザーの視点：ストーリー構造を使用してユーザーの立場に立つ
ストーリーの構造は、私たちがWebサイトを表示するためのレンズになります。 これは、ユーザーの立場に立ち、ユーザーがWebサイトをどこでどのように操作しているかを理解するのに役立ちます。 私たちウェブの専門家とサイトの所有者は彼らの物語の登場人物であり、私たちがそのように行動する時が来ました。
続きを読む大規模な設計：Figmaを使用した1年間
大規模なFigmaの使用に関する実用的なガイド：大規模なチーム、企業、B2B向け。 効率のわずかな改善は、設計チームの有効性の大幅な向上につながる可能性があります。
続きを読む毎月のWeb開発アップデート4⁄2019：スタイルよりもデザイン倫理と明確さ
ブラウザのニュースからUI / UXのアドバイス、便利なヒント、トリック、ツールまで、Anselm Hannemannは、毎日のフロントエンドとデザインの課題をマスターするのに役立つ最新のリソースをまとめました。
続きを読むCSSシェイプを使用したWebのアートディレクション
昨年、レイチェル・アンドリューは「[CSSシェイプを新しく見る]（https://www.smashingmagazine.com/2018/09/css-shapes/）」を書き、CSSシェイプの使用の基本を読者に再紹介しました。 この新しいチュートリアルでは、Andy Clarkeが「[ArtDirectionfor the Web]（https://www.smashingmagazine.com/printed-books/art-direction-for-the-web/）」のトピックをCSSシェイプで拡張します。エキサイティングでインスピレーションを得た新しいデザインのアイデアを作成します。
続きを読むプライバシーUX：より良いCookie同意エクスペリエンス
シリーズのこの第2部では、悪名高いGDPR Cookieの同意プロンプトと、もちろんユーザーのプライバシーを念頭に置いて、それらの周りのエクスペリエンスをより適切に設計する方法について説明します。
続きを読むサブリソースの整合性を理解する
サイトに追加するJavaScriptのすべてのビットは、ハッカーにとって潜在的な方法です。 これは、JavaScriptがパブリックCDNなど、他の誰かによってホストされている場合に二重に当てはまります。 サブリソースの整合性は、使用されているコードが意図したとおりであることを確認するために使用できるブラウザー機能です。
続きを読む表示プロパティを掘り下げる：表示の2つの値
FlexboxとCSSグリッドレイアウトについてはよく話しますが、これらのレイアウトメソッドは基本的にCSSの `display`プロパティの値であり、あまり注目されないプロパティの主力製品です。 レイチェルアンドリューは、短いシリーズでよりよく見ていきます。
続きを読む