
2
Tailwind CSS
Halvind er forskellig fra rammer som Bootstrap, Foundation eller Bulma, idet det ikke er et UI-kit.
- Gratis
- Self-Hosted
- CSS
Halvind er forskellig fra rammer som Bootstrap, Foundation eller Bulma, idet det ikke er et UI-kit.Det har ikke et standardtema, og der er ingen indbyggede UI-komponenter.På bagsiden har det heller ingen mening om, hvordan dit websted skal se ud, og pålægger ikke designbeslutninger, som du er nødt til at kæmpe for at fortryde.Hvis du leder efter en ramme, der leveres med en menu med forudbestemte widgets, som du kan opbygge dit websted med, er Tailwind muligvis ikke den rigtige ramme for dig, hvorfor vi har nogle alternativer.Men hvis du vil have et enormt forspring med at implementere et brugerdefineret design med sin egen identitet, er Tailwind muligvis lige det, du leder efter.Hjælpeprogrammer Oprettelse af en ramme til opbygning af brugerdefinerede brugergrænseflader betyder, at du ikke kan give abstraktioner på det sædvanlige niveau af knapper, formularer, kort, navbars osv. I stedet giver Tailwind meget komposible, anvendelige klasser på lavt niveau, der gør det nemt at opbyggekomplekse brugergrænseflader uden at tilskynde to websteder til at se ens ud.Komponentvenlig Mens du kan gøre meget med bare brugsklasser, er nogle gange en komponentklasse den rigtige beslutning.Tailwind indeholder værktøjer til at udtrække komponentklasser fra gentagne hjælpemønstre, hvilket gør det nemt at opdatere flere forekomster af en komponent fra ét sted.Responsiv på kernen Hver Tailwind-værktøj kommer også i lydhøre smag, hvilket gør det ekstremt let at opbygge lydhøre grænseflader uden nogensinde at forlade din HTML.Tailwind bruger en intuitiv {skærm}: præfiks, der gør det nemt at bemærke lydhøre klasser i din markering, mens du holder det originale klassens navn genkendeligt og intakt.Designet til at blive tilpasset Hvis det giver mening at være tilpasselig, giver Tailwind dig mulighed for at tilpasse det.Dette inkluderer farver, kantstørrelser, fontvægte, afstandshjælpeprogrammer, knækpunkter, skygger og mange tons mere.Tailwind er skrevet i PostCSS og konfigureret i JavaScript, hvilket betyder, at du har den fulde magt af et rigtigt programmeringssprog lige ved hånden.Halvind er mere end en CSS-ramme, det er en motor til at skabe designsystemer.
Internet side:
https://tailwindcss.comFunktioner
Kategorier
Alternativer til Tailwind CSS til Web

3

3
Material Design Lite
Googles front-end-webramme til byggepladser til materialedesign-specifikationen.
- Gratis
- Web

2

2
Juiced (a Flexbox CSS Framework)
Juiced har mange af de samme layoutfunktioner, som du kender og elsker, men forbedrer dem med bedre mobilmålretning, brugerdefineret kolonnebestilling, bedre justeringsindstillinger ...
- Gratis
- Web
- Self-Hosted

2
The Semantic Grid System
Indstil kolonne- og tagrendebredder, vælg antallet af kolonner, og skift mellem pixels og procenter.
- Gratis
- Web

2
Kube Web Framework
Kube er et af verdens mest avancerede og fleksible rammer. Kube hjælper dig med at bruge mindre tid på rutineopgaver og mere tid på at skabe fantastiske produkter.
- Gratis
- Web

2
The Goldilocks Approach
Goldilocks-metoden til responsiv webdesign - Et godt udgangspunkt for design, der tager enhedsopløsning ud af ligningen.
- Gratis
- Web

2
Golden Grid System
Et gittersystem til responsiv webdesign.Inkluderer sammenklappelige søjler, elastiske tagrender, et zoombart baseline-gitter og et dejligt script til gitteroverlay.
- Gratis
- Web

2
Less Framework
Less Framework er et CSS-ridsystem til design af adaptive websteder.Det indeholder 4 layouts og 3 sæt typografiske forudindstillinger, alle baseret på et enkelt gitter.
- Gratis
- Web

2

2

2

2