Wing - Minimalista CSS keretrendszer Web Designers Want

A frontend ökoszisztéma tele van nyílt forráskódú keretek a fejlesztési folyamat javítása érdekében. Általában mindenki más, mint a fenti keretek; néhányan keresnek esztétika míg mások akarnak sebesség vagy használhatóság.

Szárny egy újabb keret és egy minimalista legjobb barátja. Jön a alapértelmezett rácsbeállítás, egyéni elemek, és 5 KB-os alkatrészeket.

Talán a Wing legjobb része a automatikus stílus az alapértelmezett elemekhez. Ha csak a Wing CSS stíluslapot dobja a projektbe, azonnal észreveszed a változásokat.

Alapértelmezett szöveg, hivatkozások és oldalelemek automatikusan formázza magukat Wing tervei alapján. Te is adjunk hozzá további saját osztályokat hogy az esztétikát hozzáadja az oldalhoz.

Szárnyhajók a 960px rácsrendszer használva 12 colos szerkezet. Ez egy nagyon egyszerű beállítás, és a 960px rács általában túl kicsi a mai szélesvásznú közönség számára. De ha tetszik a kisebb weboldalak, ez kiváló választás.

http://usewing.ml/ őrült egyszerű, és követi ezt:

 
 
1
 
2
 
3
 
 

Tartalmazhat a Wing teljes példánya az Unpkg CDN-ből. Fenntartják a fájljaikat a legújabb verzióval, így soha nem kell megváltoztatni a fájlneveket. Éppen adja hozzá ezt az URL-címet a fejlécéhez és teljes hozzáférést kapsz a jelenlegi Wing keretrendszerhez.

Alternatív megoldásként letöltheti a csomagot npm-en keresztül vagy húzza meg a forrás másolatát közvetlenül a GitHub-tól.

Összehasonlítom a Wing-et Normalize.css-hez, ami egy sokkal kisebb CSS keretrendszer, ami inkább egy reset könyvtár. Wing valójában alapértelmezett stílusokkal rendelkezik míg a Normalize.css csak visszaállítja az elemeket az összes böngészőben.

Mindkettő szépsége, hogy van teljes felügyelet nak nek szerkesztés, Restyle, és formáznia az oldalt azonban úgy látja, hogy megfelel.

Minden dokumentáció és kódrészlet megtalálható a Wing honlapján, ezért használja az útmutatót, ha nem tudja, hogyan kell beállítani webhelyét.