Stylable

Stylable

Wixでは、同意します。私達 ?CSS。ブラウザにネイティブなシンプルで宣言的な構文は、WebページやWebアプリにスタイルを追加する最も簡単な方法です。
Wixでは、同意します。私達 ?CSS。ブラウザにネイティブなシンプルで宣言的な構文は、WebページやWebアプリにスタイルを追加する最も簡単な方法です。ただし、個々のコンポーネントを対象とするCSSを作成する場合、開発者は、複雑な規則を使用して名前空間を偽造することにより、高度に固有のセレクターを維持する必要があります。大規模なチームや大規模なプロジェクトでCSSを記述して保守するのは難しい場合があります。コンポーネントエコシステムで使いやすくなるようにCSSを拡張しますが、CSSの優れた側面(宣言的、使い慣れた、静的、高速)を失うことはありません。そこで、Stylableを作成しました。Stylableは、CSS構文でスタイルルールを記述できるプリプロセッサであり、CSSの精神に準拠していると思われる拡張機能もあります。それでは、Stylableは何をしますか?Stylableを使用すると、再利用可能な高性能のコンポーネントを構築できます。各コンポーネントは、内部パーツをマップするスタイルAPIを公開しているため、スタイルを犠牲にすることなく、チーム間でコンポーネントを再利用できます。コンポーネントにスタイルを適用し、他のスタイルと「漏れ」たり衝突したりしないようにします。コンポーネントの内部構造を抽象化するカスタム擬似クラスと擬似要素を有効にします。これらは外部でスタイル設定できます。たとえば、ボタン内のラベルのスタイルを設定したり、これらのコンポーネントの外部からビデオプレーヤーの再生ボタンのスタイルを設定したりできます。テーマを使用して、Webアプリケーション全体に異なるルックアンドフィールを適用できます。たとえば、同じコンポーネントがページに応じてWixテーマまたはBootstrapテーマを使用できます。ビルド時に、プリプロセッサはStylable CSSを、クロスブラウザで機能するフラットで静的で有効なバニラCSSに変換します。Viva CSS、およびStylableを歓迎します。気に入っていただければ幸いです。
stylable

ウェブサイト:

カテゴリー

WindowsのStylableの代替

kodeWeave

kodeWeave

kodeWeaveは、HTML、CSS、およびJavaScript用のリアルタイムコーディングプレイグラウンドです。