Stylable

Stylable

Bei Wix sind wir uns einig.Wir?CSS.Die einfache, deklarative Syntax, die in Browsern verwendet wird, ist die schnellste Methode, um Webseiten und Web-Apps Stile hinzuzufügen.
Bei Wix sind wir uns einig.Wir?CSS.Es ist eine einfache, deklarative Syntax, die in Browsern verwendet wird und mit der sich Webseiten und Web-Apps am schnellsten Stile hinzufügen lassen.Beim Schreiben von CSS, das auf einzelne Komponenten zugeschnitten ist, müssen Entwickler jedoch hochspezifische Selektoren pflegen und dabei ausgefeilte Konventionen verwenden, um den Namensraum zu fälschen.Das Schreiben und Verwalten von CSS in großen Teams und großen Projekten kann schwierig sein.Wir möchten CSS so erweitern, dass es einfacher in einem Komponenten-Ökosystem zu verwenden ist, ohne jedoch die Aspekte von CSS zu verlieren, die es großartig machen: deklarativ, vertraut, statisch und schnell.Also haben wir Stylable erstellt.Stylable ist ein Präprozessor, mit dem Sie Stilregeln in CSS-Syntax mit einigen Erweiterungen schreiben können, von denen wir glauben, dass sie dem Geist von CSS entsprechen.Was macht Stylable?Mit Stylable können Sie wiederverwendbare, leistungsstarke Komponenten erstellen.Jede Komponente stellt eine Stil-API bereit, die ihre internen Teile abbildet, sodass Sie Komponenten teamübergreifend wiederverwenden können, ohne die Stilfähigkeit zu beeinträchtigen.Wandelt Stile in Komponenten um, damit diese nicht „auslaufen“ und mit anderen Stilen in Konflikt geraten.Aktiviert benutzerdefinierte Pseudoklassen und Pseudoelemente, die die interne Struktur einer Komponente abstrahieren.Diese können dann extern gestylt werden.Sie können beispielsweise die Beschriftung innerhalb einer Schaltfläche oder die Wiedergabetaste eines Videoplayers außerhalb dieser Komponenten formatieren.Verwendet Themen, damit Sie in Ihrer Webanwendung ein anderes Erscheinungsbild anwenden können. Beispielsweise kann dieselbe Komponente je nach Seite ein Wix-Thema oder ein Bootstrap-Thema verwenden.Zur Erstellungszeit konvertiert der Präprozessor das Stylable-CSS in flaches, statisches, gültiges Vanilla-CSS, das browserübergreifend funktioniert.Viva CSS und willkommen Stylable.Wir hoffen, dass es dir gefällt.

Eigenschaften

Kategorien

Alternativen zu Stylable für alle Plattformen mit einer Lizenz

Bulma

Bulma

Ein modernes CSS-Framework basierend auf Flexbox.
kodeWeave

kodeWeave

kodeWeave ist ein Echtzeit-Programmierspielplatz für HTML, CSS und Javascript.
Spectre.css

Spectre.css

Leichtes, reaktionsschnelles und modernes CSS-Framework für eine schnellere und erweiterbare Entwicklung.
Picnic CSS

Picnic CSS

Pack deine Mahlzeit aus und hol dir die Codierung.Eine invasive CSS-Bibliothek für den Einstieg in Ihren Stil.
Refills

Refills

Minen sind vorverpackte Muster und Komponenten, die auf Bourbon, Bitters und Neat aufbauen.
  • Kostenlose
  • Web
Compass (CSS framework)

Compass (CSS framework)

Compass ist eine Open-Source-SASS-Bibliothek, die die Funktionen von SASS erweitert und browserübergreifende Mixins für in CSS3 eingeführte CSS-Eigenschaften bereitstellt.
  • Kostenlose
  • Web
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced hat viele der gleichen Layoutfunktionen, die Sie kennen und lieben, verbessert sie jedoch durch besseres mobiles Targeting, benutzerdefinierte Spaltenreihenfolge und bessere Ausrichtungsoptionen ...
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow ist ein HTML- und CSS-Framework für die Erstellung schneller, reaktionsschneller Projekte im Web.
YAML CSS Framework

YAML CSS Framework

Ein weiteres Multicolumn Layout (YAML) ist ein modulares CSS-Framework für wirklich flexible, zugängliche und reaktionsfähige Websites.
  • Kostenlose
  • Web
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

Structure ist ein deklaratives, Flexbox-basiertes Grid-Framework.Die Struktur definiert das Layout mithilfe von Nicht-Standardattributen für Elemente.
Lite CSS

Lite CSS

Lite CSS ist ein einfaches, aber auch einzigartiges Webframework.Der Begriff 'Lite' drückt die Einfachheit aus, aber auch, wie leicht das Projekt ist!
  • Kostenlose
Axis

Axis

Knappe, modulare und leistungsstarke CSS-Bibliothek.