Wing - Minimalist CSS Web Designeri doriți
Ecosistemul frontend este plin de open-source cadre pentru îmbunătățirea procesului de dezvoltare. De obicei, toată lumea vrea ceva diferit de aceste cadre; unii oameni caută estetică în timp ce alții vor viteză sau uzabilitate.
aripă este un cadru mai nou și cel mai bun prieten al unui minimalist. Ea vine cu un a setarea implicită a rețelei, elemente personalizate, și componente care totalizează 5 KB.
Poate că cea mai bună parte despre Wing este auto-styling pentru elementele implicite. Dacă abandonați foaia de stil Wing CSS în proiectul dvs., veți observa modificări imediat.
Text prestabilit, link-uri și elemente de pagină se formează automat bazate pe desenele lui Wing. Poti de asemenea adăugați clase suplimentare ale dvs. proprii pentru a adăuga mai multă estetică la pagină.
Navele cu aripă Sistem de grila de 960 pixeli folosind un Structura de 12 coli. Aceasta este o configurare foarte simplă, iar grila 960px este de obicei considerată prea mică pentru publicul larg de astăzi. Dar, dacă vă plac site-urile mai mici, aceasta este o alegere excelentă.
http://usewing.ml/ este nebun simplu și urmează ceva de genul:
123
Puteți include a copie completă a Wing de la Unpkg CDN. Ei își păstrează fișierele la zi cu cea mai recentă versiune, deci nu trebuie să schimbați numele fișierelor. Doar adăugați această adresă URL în antetul dvs. și veți avea acces deplin la actualul cadru Wing.
Alternativ, puteți descărca pachetul prin npm sau trageți o copie a sursei chiar de la GitHub.
Aș compara Wing cu Normalize.css, care este un cadru CSS mult mai mic, care este mai mult ca un resetați biblioteca. Wing de fapt vine cu stiluri implicite în timp ce Normalize.css doar resetează elemente pentru a lucra la fel în toate browserele.
Frumusețea celor două este aceea pe care o ai control total la Editați | ×, restyle, și reformata pagina pe care o considerați potrivită.
Toate documentele și fragmente de cod pot fi găsite pe pagina de pornire a Wing-ului, deci utilizați acest ghid dacă nu sunteți sigur cum să vă configurați site-ul.
