開発のブログ
ポストする作家によって コートニー・メズナリッチ

カラーシステム:SoCreateがCSSカスタムプロパティで標準を設定

ローレン・スペンスがカラーシステムを発表

私たちの最新のランチミーティング– SoCreateチーム主導の学習シリーズ–は、これまでで最もカラフルなものでした! UX開発者のローレンスペンスは、SoCreateプロジェクトのUX側で使用されている最先端のプラクティスについてチームに教えるために発言しました。残りの人は仕出しの昼食で食欲を満たしましたが、ローレンはSoCreate カラーシステムでのプレゼンテーションで視覚に満足しました。

カラーシステムは、私たちが構築するすべてのアプリの色を制御およびテーマ設定する革新的なアプローチです。システムはプレーンCSSの上にレイヤーとルールを追加し、使いやすく、使いやすいシステムを提供します。グローバルCSSカスタムプロパティのライブラリに基づいて構築されており、それぞれに使用目的に応じた一意の名前が付けられています。

「このユニークな色名のライブラリを使用すると、目的に応じて適切なカラーを簡単に選択でき、意図しない効果なしに自信を持って色を変更できます」とローレンは説明しました。「アプリには色の包括的なカタログがあり、コードに組み込まれた一種の「スタイルガイド」です。」

また、ローレンは、カスタムプロパティの力を通じて、追加の開発者の努力をほとんど必要とせずに、アプリにテーマを設定できると説明しました。ウィンウィン!

多くのUX開発者が直面するいくつかの問題を解決するために作成されているため、カラーシステムの主な利点は3個から構成されます:

  • グローバルカラーのカタログにより、簡単な意思決定が可能です。新しいコンポーネントを作成する2人の開発者は、どの色を使用するかについて同じ決定を簡単に行うことができます。

  • 簡単なテーマ。以前はアプリの各コンポーネントのテーマを手動で作成する必要がありましたが、今度はCSSカスタムプロパティの機能を使用して無料でテーマを取得します。

  • 壊れないテキスト。色のコントラストがないため、テキストが読みにくくなることはありません(そのためアプリは使用できなくなります)。これは、アプリの背景色を厳密に制御し、すべての背景の上に色をドキュメント化することで実現します。これにより、新しい色を導入したときに、どのレベルでも壊れないかどうかを簡単に確認できます。

ローレンによると、SoCreateのUXチームは、CSSカスタムプロパティをさらに探索することに興奮しています。 これはかなり新しいアプローチです。古いブラウザのサポートについて心配する必要がある開発者は、CSSカスタムプロパティを長い間使用して実験することができませんでした。

「これは、私たちがこのテクノロジーの力を探求する最先端にいることを意味し、私たちは彼らの力を活用するための本当にクールな方法を考え出したと信じています。」

最先端で…そう、SoCreateのようですね。 チームの猛烈な好奇心に絶えず感銘を受けています。これをどのようにしてよりよく、より速く、または異なるようにできるのでしょうか?

これらは、学習を続けるために私たち全員が私たち自身の探求において自問する必要がある質問です。

行け、チーム、行け!

... に興味があるかもしれません

ジャミ・ルロックがホームオートメーションに関するプレゼンテーションを行っています

Lunch Meet:ジャミ・ルロックのホームオートメーションへの旅

エンジニアと彼のホームセキュリティシステムを組み合わせると、通常のアラームよりもはるかに高度な結果になります。 ガレージのドアを開けるように言ったり、遠くから塩水プールの塩分を監視したり、ヒーターがオンのときに窓を開けたままにしている子供やルームメートをすべてモバイルデバイスから見つけたりしたいと思ったことはありませんか?それは可能であり、チーフエンジニアのジャミ・ルロックがそれを証明するために着手しました!さまざまな関連トピックに関する毎月のチーム主導の学習シリーズである「Lunch Meet」の2回目の記事で、ジャミは発言し、彼が現在使用している...
機械学習に関するマシンゾーンプレゼンテーションでグーグル・ブレインのローラ・グレイサーとケン・ワー・ルーン

SoCreateが地元のテクノロジーをサポート:深層強化学習ワークショップ

SoCreateはサン・ルイス・オビスポのテクノロジーをサポートすることで伝統を築いています。その理由の1つは、私たちが生涯学習者であり、お互いに学ぶことがたくさんあることです。また、テクノロジー業界がSLOで成長することを望んでいます。そこで、その分野の2人の専門家が深層強化学習に関するPyData SLOワークショップを教えるためにステップアップしたとき、私たちはピザを提供するために力を入れました!また、この3月のミートアップをSoCreateオフィスで開催しました。SoCreateソフトウェアエンジニアのジョン・ジェンソンが出席し、報告しました。Googleブレインとケンワーのローラ・グレイサー...
マデリン・パプのBCIプレゼンテーション

ハードウェア、ソフトウェア、人間の頭脳:SoCreateはBCI(ブレイン・マシン・インタフェース)のトピックに取り組みます

2019年です。サイエンス・フィクションはもうありません。 私たちは科学の現実の時代に生きています! 3月のランチミーティング(毎月のチーム主導のラーニングシリーズ)では、映画志向のチームが切望していたブレインコンピューターインターフェース(BCI)のトピックに取り組みました。トピックは個人的な情熱であるため、UX開発インターンのマダリン・パプが印象的なプレゼンテーションを行いました。アバター、マトリックス、Star Trek (宇宙大作戦)、Marvel’s X-Men (エックスメン)…これらはマインドコントロールに関する映画で、私たちが理解できます。しかし、現実の世界で私たちの脳をコンピュータに接続しているのでしょうか?マディが説明したように、この非常に現実的な技術により、私たちの脳は...

コメント