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

ウェブサイト:

カテゴリー

ライセンスのあるすべてのプラットフォームでのStylableの代替

Bulma

Bulma

Flexboxに基づいた最新のCSSフレームワーク。
kodeWeave

kodeWeave

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

Spectre.css

より高速で拡張可能な開発のための、軽量で応答性の高い最新のCSSフレームワーク。
Picnic CSS

Picnic CSS

食事を開梱し、コーディングを取得します。スタイルを開始するための侵襲的なCSSライブラリ。
Refills

Refills

リフィルは、Bourbon、Bitters、Neatの上に構築された、あらかじめパッケージ化されたパターンとコンポーネントです。
  • 無料アプリ
  • Web
Compass (CSS framework)

Compass (CSS framework)

CompassはオープンソースのSASSライブラリです。SA​​SSの機能を拡張し、CSS3で導入されたCSSプロパティのクロスブラウザミックスインを提供します。
  • 無料アプリ
  • Web
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juicedには、あなたが知っている愛用しているレイアウト機能と同じものが多数ありますが、モバイルターゲティング、カスタム列の順序、整列オプションの改善により改善されています...
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frowは、Web上で迅速で応答性の高いモバイルファーストプロジェクトを作成するためのHTMLおよびCSSフレームワークです。
YAML CSS Framework

YAML CSS Framework

もう1つのマルチカラムレイアウト(YAML)は、真に柔軟でアクセスしやすく、レスポンシブなWebサイト向けのモジュール式CSSフレームワークです。
  • 無料アプリ
  • Web
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

構造は、宣言的なFlexboxベースのグリッドフレームワークです。構造は、要素の非標準属性を使用してレイアウトを定義します。
Lite CSS

Lite CSS

Lite CSSはシンプルですが、ユニークなWebフレームワークです。「ライト」という用語は、シンプルさを表すだけでなく、プロジェクトの明るさも表しています。
  • 無料アプリ
Axis

Axis

簡潔でモジュール式の強力なcssライブラリ。