Stylable

Stylable

På Wix håller vi med.Vi?CSS.Det är enkel, deklarativ syntax som är ursprunglig i webbläsare är lätt det snabbaste sättet att lägga till stilar på webbsidor och webbappar.
På Wix håller vi med.Vi?CSS.Det är enkel, deklarativ syntax som är ursprunglig i webbläsare är lätt det snabbaste sättet att lägga till stilar på webbsidor och webbappar.Men när man skriver CSS som är avsedd för enskilda komponenter måste utvecklare behålla mycket specifika väljare med hjälp av utarbetade konventioner för att förfalska namnavstånd.Att skriva och underhålla CSS över stora team och stora projekt kan vara svårt.Vi vill förlänga CSS så att det är lättare att använda i ett komponentekosystem, men utan att förlora de aspekter av CSS som gör det bra: deklarativt, bekant, statiskt och snabbt.Så vi skapade Stylable.Stylable är en förbehandlare som låter dig skriva stilregler i CSS-syntax, med vissa tillägg som vi tror följer CSS-andan.Så vad gör Stylable?Med Stylable kan du bygga återanvändbara komponenter med hög prestanda.Varje komponent exponerar en stil-API som kartlägger sina interna delar så att du kan återanvända komponenter över lag utan att offra stylability.Omfångar stilar till komponenter så att de inte "läcker" och kolliderar med andra stilar.Aktiverar anpassade pseudoklasser och pseudo-element som abstraherar den interna strukturen för en komponent.Dessa kan sedan utformas externt.Du kan till exempel utforma etiketten inuti en knapp eller utforma uppspelningsknappen på en videospelare utanför dessa komponenter.Använder teman så att du kan tillämpa olika utseende och känsla över hela din webbapplikation, till exempel kan samma komponent använda ett Wix-tema eller ett Bootstrap-tema beroende på sidan.Vid byggtid konverterar preprocessorn Stylable CSS till platt, statisk, giltig, vanilj CSS som fungerar i webbläsare.Viva CSS, och välkomna Stylable.Vi hoppas att du gillar det.
stylable

Funktioner

kategorier

Alternativ till Stylable för alla plattformar med någon licens

Bulma

Bulma

Ett modernt CSS-ramverk baserat på Flexbox.
kodeWeave

kodeWeave

kodeWeave är en realtidskodningslekplats för HTML, CSS och Javascript.
Spectre.css

Spectre.css

Lätt, lyhörd och modern CSS-ram för snabbare och utbyggbar utveckling.
Picnic CSS

Picnic CSS

Packa upp din måltid och få kodning.Ett invasivt CSS-bibliotek för att få din stil igång.
Refills

Refills

Påfyllningar är färdigförpackade mönster och komponenter, byggda ovanpå Bourbon, Bitters och Neat.
Compass (CSS framework)

Compass (CSS framework)

Compass är ett SASS-bibliotek med öppen källkod - utvidgar kapaciteten hos SASS och tillhandahåller bland webbläsare-blandningar för CSS-egenskaper som introducerats i CSS3.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced har många av samma layoutfunktioner som du känner och älskar, men förbättrar dem med bättre mobilinriktning, anpassad kolumnbeställning, bättre justeringsalternativ ...
Frow (flex row) CSS Grid System

Frow (flex row) CSS Grid System

Frow är ett HTML- och CSS-ramverk för att skapa snabba, responsiva, mobil-första projekt på webben.
YAML CSS Framework

YAML CSS Framework

Ytterligare en flerkolumnlayout (YAML) är ett modulärt CSS-ramverk för verkligt flexibla, tillgängliga och lyhörda webbplatser.
Structure (a declarative Flexbox based Grid Framework)

Structure (a declarative Flexbox based Grid Framework)

Struktur är ett deklarativt, Flexbox-baserat rutnät.Struktur definierar layout med hjälp av icke-standardattribut på element.
Lite CSS

Lite CSS

Lite CSS är en enkel men också unik webbram.Termen 'Lite' uttrycker enkelheten men också hur lätt projektet är!
  • Gratis
Axis

Axis

Stram, modulär och kraftfull css-bibliotek.