Vleugel - Minimalistisch CSS Framework Web Designers Want

Het frontend-ecosysteem zit vol open-source frameworks om uw ontwikkelingsproces te verbeteren. Meestal wil iedereen iets anders dan deze kaders; sommige mensen zoeken naar esthetiek terwijl anderen snelheid of bruikbaarheid willen .

Wing is een nieuwer kader en de beste vriend van een minimalist. Het wordt geleverd met een standaard grid-setup, aangepaste elementen en componenten van in totaal 5 KB .

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

Standaardteksten, links en pagina-elementen vormen zichzelf automatisch op basis van Wing's ontwerpen. U kunt ook extra eigen klassen toevoegen om meer esthetiek aan de pagina toe te voegen.

Wing wordt geleverd met een 960px-rastersysteem met een 12- kolommen -structuur . Dit is een heel 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 opnemen van het Unpkg-CDN. Ze houden hun bestanden up-to-date met de nieuwste versie, dus u hoeft nooit van bestandsnaam te veranderen. Voeg deze URL toe aan uw header en u krijgt volledige toegang tot het huidige Wing-framework.

Als alternatief kun je het pakket downloaden via npm of een kopie van de bron rechtstreeks van GitHub halen .

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

Het mooie van beide is dat je de volledige controle hebt over het bewerken, restylen en opnieuw formatteren van de pagina zoals je wilt.

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