ウェブ
Firefoxの新しい実験的なCSSDevToolsのガイド
Grid Inspectorをリリースして以来、Firefox DevToolsチームは、最新のWebの問題を解決するための新しいツールスイートを構築するように促されてきました。 この記事では、7つのツールすべてについて学び、将来のプロジェクトの可能性を垣間見ることができます。
続きを読むPWAでブレッドクラムを使用する方法
PWAは、モバイルWebサイトよりも優れたエクスペリエンスを訪問者に提供することになっています。 ただし、PWAがネイティブアプリと同じようにスティッキーナビゲーションを使用するという理由だけで、PWAを簡単に移動することはできません。 PWAがガイダンスなしでナビゲートするのが困難になるのではないかと心配している場合は、ブレッドクラムを機能させてください。 それらを使用して、ナビゲーション、読みやすさ、変換などを改善できます。
続きを読む10月のCMS用のカスタムプラグインの開発
オブジェクト指向で読みやすいコードを書くのが好きなら、この記事はあなたのためです。 独自のプラグインを作成する方法と、10月が次のプロジェクトに適している理由を学びます。
続きを読むデザインシステムは関係についてです
デザインシステムは使いやすさを向上させることができますが、創造性を制限したり、実際の製品と同期しなくなったりする可能性もあります。 この記事では、コラボレーションの文化を構築することにより、設計者と開発者がより堅牢な設計システムを作成する方法について説明します。
続きを読むCSSグリッドと名前付き列を使用したエディトリアルデザインパターン
CSSグリッドレイアウトを設定するときに線に名前を付けることで、グリッドのいくつかの面白くて便利な機能を利用できます。これらの機能は、サブグリッドを導入するとさらに強力になります。
続きを読むBea Feitlerによるインスピレーションを得た設計上の決定：止められない創造力
Inspired Design Decisionsのこの第5回では、Andy Clarkeが、1960年代を通じてハーパーズバザーを監督し、「聞いたことのない先駆的な女性アートディレクター」と評されたBeaFeitlerについて説明します。 アンディは、ファイトラーの自信に満ちた仕事について教え、彼女のデザインテクニックのいくつかをあなたがウェブのために作る仕事に適用する方法をあなたに教えます。 この記事では、スケールを強調し、最小の画面でもコントラストを維持する方法を学習します。 Andyは、自信を持って色を選択する方法と、パターンとテクスチャを使用してデザインに深みを加える方法を教えてくれます。
続きを読むSmashingConf 2020 –サンフランシスコ、フライブルク、ニューヨーク、オースティン
それは公式です！ 来年は、サンフランシスコ、フライブルク、ニューヨーク、オースティンの各都市でSmashingConfを開催します。 2019年に成功と学んだことを基に、実践的な2日間の学習を実現することを計画しています。その過程で、たくさんの楽しさと驚きを味わうことができます。
続きを読むフランケンシュタインの移行：フレームワークにとらわれないアプローチ（パート2）
読む前に、まず[パート1]（https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1/）に戻ってください。記事のこの2番目の部分をフォローします。
続きを読むFigmaでテーブルを作成する
これは、Figmaのテーブルで苦労している人のための詳細なガイドです。 コンポーネントを使用してテーブルを作成します。これにより、後でスケーラビリティと編集にかかる時間を大幅に節約できます。 さらに、テーブルを設計システムに簡単に統合することができます。
続きを読む