私たちの最新のランチミーティング– SoCreateチーム主導の学習シリーズ–は、これまでで最もカラフルなものでした! UX開発者のローレンスペンスは、SoCreateプロジェクトのUX側で使用されている最先端のプラクティスについてチームに教えるために発言しました。残りの人は仕出しの昼食で食欲を満たしましたが、ローレンはSoCreate カラーシステムでのプレゼンテーションで視覚に満足しました。
カラーシステムは、私たちが構築するすべてのアプリの色を制御およびテーマ設定する革新的なアプローチです。システムはプレーンCSSの上にレイヤーとルールを追加し、使いやすく、使いやすいシステムを提供します。グローバルCSSカスタムプロパティのライブラリに基づいて構築されており、それぞれに使用目的に応じた一意の名前が付けられています。
「このユニークな色名のライブラリを使用すると、目的に応じて適切なカラーを簡単に選択でき、意図しない効果なしに自信を持って色を変更できます」とローレンは説明しました。「アプリには色の包括的なカタログがあり、コードに組み込まれた一種の「スタイルガイド」です。」
また、ローレンは、カスタムプロパティの力を通じて、追加の開発者の努力をほとんど必要とせずに、アプリにテーマを設定できると説明しました。ウィンウィン!
多くのUX開発者が直面するいくつかの問題を解決するために作成されているため、カラーシステムの主な利点は3個から構成されます:
グローバルカラーのカタログにより、簡単な意思決定が可能です。新しいコンポーネントを作成する2人の開発者は、どの色を使用するかについて同じ決定を簡単に行うことができます。
簡単なテーマ。以前はアプリの各コンポーネントのテーマを手動で作成する必要がありましたが、今度はCSSカスタムプロパティの機能を使用して無料でテーマを取得します。
壊れないテキスト。色のコントラストがないため、テキストが読みにくくなることはありません(そのためアプリは使用できなくなります)。これは、アプリの背景色を厳密に制御し、すべての背景の上に色をドキュメント化することで実現します。これにより、新しい色を導入したときに、どのレベルでも壊れないかどうかを簡単に確認できます。
ローレンによると、SoCreateのUXチームは、CSSカスタムプロパティをさらに探索することに興奮しています。 これはかなり新しいアプローチです。古いブラウザのサポートについて心配する必要がある開発者は、CSSカスタムプロパティを長い間使用して実験することができませんでした。
「これは、私たちがこのテクノロジーの力を探求する最先端にいることを意味し、私たちは彼らの力を活用するための本当にクールな方法を考え出したと信じています。」
最先端で…そう、SoCreateのようですね。 チームの猛烈な好奇心に絶えず感銘を受けています。これをどのようにしてよりよく、より速く、または異なるようにできるのでしょうか?
これらは、学習を続けるために私たち全員が私たち自身の探求において自問する必要がある質問です。
行け、チーム、行け!