Wing - Minimalistiske CSS Framework Webdesigners vil

Frontend økosystemet er fuld af open-source rammer lavet for at forbedre din udviklingsproces. Normalt vil alle have noget andet fra disse rammer; nogle mennesker kigger efter æstetik mens andre ønsker hastighed eller anvendelighed.

Vinge er en nyere ramme og en minimalistisk bedste ven. Den leveres med a standardgitteropsætning, brugerdefinerede elementer, og komponenter der i alt er 5 KB.

Måske er den bedste del om Wing den Automatisk styling for standardelementer. Hvis du bare slipper Wing CSS stilark til dit projekt, vil du meddele ændringer straks.

Standardtekst, links og sideelementer automatisk forme sig selv baseret på Wing's designs. Du kan også tilføj ekstra klasser af dine egne at tilføje mere æstetik til siden.

Wing skibe med a 960px gitter system ved hjælp af a 12-col-struktur. Dette er en meget enkel opsætning, og 960px-nettet betragtes som regel alt for lille til dagens widescreen-publikum. Men hvis du kan lide mindre hjemmesider er dette et glimrende valg.

http://usewing.ml/ er skør simpelt og følger noget som dette:

 
 
1
 
2
 
3
 
 

Du kan inkludere en fuld kopi af Wing fra Unpkg CDN. De holder deres filer opdaterede med den nyeste version, så du behøver aldrig at ændre filnavne. Lige Tilføj denne webadresse til dit overskrift og du får fuld adgang til den nuværende Wing-ramme.

Alternativt kan du downloade pakken via npm eller trække en kopi af kilden lige fra GitHub.

Jeg ville sammenligne Wing til Normalize.css, hvilket er en meget mindre CSS ramme, det er mere som a nulstil biblioteket. Wing faktisk leveres med standard stilarter mens Normalize.css nulstiller elementer til at virke ens i alle browsere.

Skønheden i begge er, at du har fuld kontrol til redigere, Restyle, og omformatere siden ser du dog passende ud.

Alle dokumentation og kodestykker kan findes på Wing's hjemmeside, så brug den vejledning, hvis du ikke er sikker på, hvordan du opretter dit websted.