Wing - Minimalistiske CSS Framework Webdesigners vil

Frontend-økosystemet er fullt av open-source rammer laget for å forbedre utviklingsprosessen. Vanligvis vil alle ha noe annet enn disse rammene; Noen mennesker ser etter estetikk mens andre ønsker fart eller brukervennlighet .

Wing er en nyere ramme og en minimalistisk beste venn. Den leveres med standard gridoppsett, egendefinerte elementer og komponenter som tilsammen er 5 KB .

Kanskje den beste delen om Wing er auto-styling for standardelementer . Hvis du bare slipper Wing CSS stilarket i prosjektet, vil du legge merke til endringer umiddelbart.

Standardtekst, koblinger og sideelementer former seg automatisk basert på Wing's designs. Du kan også legge til ekstra klasser for å legge til flere estetikk på siden.

Wingskip med et 960px gittersystem med 12-kol-struktur . Dette er et veldig enkelt oppsett, og 960px-nettet er vanligvis ansett altfor lite for dagens widescreen-publikum. Men hvis du liker mindre nettsteder, er dette et utmerket valg.

http://usewing.ml/ er gal enkel og følger noe slikt:

 1 
 2 
 3 

Du kan inkludere en full kopi av Wing fra Unpkg CDN. De holder filene oppdatert med den nyeste versjonen, så du trenger aldri å endre filnavn. Bare legg til denne nettadressen i overskriften, og du får full tilgang til gjeldende Wing-rammeverket.

Alternativt kan du laste ned pakken via npm eller trekke en kopi av kilden direkte fra GitHub .

Jeg vil sammenligne Wing til Normalize.css som er et mye mindre CSS-rammeverk, det er mer som et tilbakestillingsbibliotek . Wing kommer faktisk med standardstiler mens Normalize.css bare tilbakestiller elementer for å fungere det samme i alle nettlesere.

Både skjønnheten er at du har full kontroll for å redigere, restylere og reformere siden, men du ser det som passer.

All dokumentasjon og kodestykker finnes på Wing's hjemmeside, så bruk den guiden hvis du ikke er sikker på hvordan du konfigurerer nettstedet ditt.