Wing - Minimalistinen CSS-kehys Web-suunnittelijat haluavat

Frontend-ekosysteemi on täynnä avoimen lähdekoodin kehykset kehitysprosessin parantamiseksi. Yleensä jokainen haluaa jotain muuta kuin nämä kehykset; jotkut ihmiset etsivät estetiikka toiset haluavat nopeus tai käytettävyys.

siipi on uudempi kehys ja minimalistinen paras ystävä. Sen mukana tulee oletusverkkoasetukset, mukautetut elementit, ja komponentteja, joiden kokonaismäärä on 5 KB.

Ehkä paras osa Wingistä on oletuselementtien automaattinen muotoilu. Jos vain pudotat Wing CSS -tyylitaulukon projektiisi, huomaat muutoksia välittömästi.

Oletusteksti, linkit ja sivuelementit muodostaa itsensä automaattisesti perustuu Wingin malleihin. Voit myös lisää ylimääräisiä luokkia lisätä estetiikkaa sivulle.

Siipi alusten kanssa 960px -verkojärjestelmä käyttää 12-osainen rakenne. Tämä on hyvin yksinkertainen asennus ja 960px-ruudukkoa pidetään tavallisesti liian pienenä nykyisen laajakuvan yleisölle. Mutta jos pidät pienemmistä sivustoista, tämä on erinomainen valinta.

http://usewing.ml/ on hullu yksinkertainen ja seuraa jotain tällaista:

 
 
1
 
2
 
3
 
 

Voit lisätä a koko kopio Wingistä CD-levyltä. He pitävät tiedostot ajan tasalla uusimman version kanssa, joten sinun ei tarvitse muuttaa tiedostonimiä. Vain lisää tämä URL-osoite otsikkoon ja saat täyden pääsyn nykyiseen Wing-kehykseen.

Voit myös ladata paketin npm: n kautta tai vedä kopio lähteestä suoraan GitHubista.

Vertaisin Wingin Normalize.css: iin, joka on paljon pienempi CSS-kehys, joka on enemmän kuin a nollata kirjasto. Wing todella mukana tulee oletustyyli Normalize.css vain palauttaa elementit toimimaan samoin kaikissa selaimissa.

Molempien kauneus on se, että sinulla on täysi hallinta että muokata, restyle, ja muotoile sivu, mutta näette sen sopivaksi.

Kaikki dokumentaatio ja koodinpätkät löytyy Wingin kotisivulta, joten käytä tätä opasta, jos et ole varma, miten voit määrittää sivustosi.