Wing - Minimalistisch CSS Framework Web Designers Want

Het frontend ecosysteem zit vol met open-source frameworks gemaakt om je ontwikkelingsproces te verbeteren. Meestal wil iedereen iets anders dan deze kaders; sommige mensen zoeken naar schoonheidsleer terwijl anderen dat willen snelheid of usability.

Vleugel is een nieuwer kader en de beste vriend van een minimalist. Het komt met een standaard instelling van het raster, aangepaste elementen, en componenten die in totaal 5 kB zijn.

Misschien is het beste deel over Wing het auto-styling voor standaardelementen. Als u de Wing CSS-stylesheet gewoon in uw project plaatst, ziet u onmiddellijk veranderingen.

Standaardtekst, koppelingen en pagina-elementen automatisch vormgeven gebaseerd op Wing's ontwerpen. Je kan ook voeg extra lessen toe om meer esthetiek aan de pagina toe te voegen.

Vleugelschepen met een 960px rastersysteem met behulp van een 12-delen structuur. Dit is een zeer eenvoudige set-up en het 960 px-raster wordt meestal als te klein beschouwd voor het breedbeeldpubliek van vandaag. Maar als je van kleinere websites houdt, is dit een uitstekende keuze.

http://usewing.ml/ is gek eenvoudig en volgt zoiets als dit:

 
 
1
 
2
 
3
 
 

U kunt een volledige kopie van Wing van het Unpkg-CDN. Ze houden hun bestanden up-to-date met de nieuwste versie, dus u hoeft nooit van bestandsnaam te veranderen. Net voeg deze URL toe aan je header en je krijgt volledige toegang tot het huidige Wing-raamwerk.

Als alternatief kunt u het pakket downloaden via npm of trek een kopie van de bron recht uit GitHub.

Ik zou Wing met Normalize.css vergelijken, wat een veel kleiner CSS-framework is, dat is meer zoals een reset bibliotheek. Wing eigenlijk wordt geleverd met standaardstijlen terwijl Normalize.css elementen gewoon opnieuw instelt om in alle browsers hetzelfde te werken.

De schoonheid van beide is dat je hebt volledige controle naar Bewerk, restyle, en formatteren de pagina die u geschikt acht.

Alle documentatie en codefragmenten is te vinden op de homepage van Wing, dus gebruik die gids als u niet zeker weet hoe u uw site moet instellen.