Pagrindinis » Įrankių rinkinys » Sparnas - minimalistinis CSS pagrindų tinklo dizaineriai nori

    Sparnas - minimalistinis CSS pagrindų tinklo dizaineriai nori

    Frontendų ekosistema yra pilna atviro kodo sistemos tobulinti savo vystymosi procesą. Paprastai kiekvienas nori, kad kažkas skiriasi nuo šių sistemų; kai kurie žmonės ieško estetika o kiti nori greitis arba naudoti.

    Sparnas yra naujesnė sistema ir minimalistinis geriausias draugas. Jis ateina su numatytasis tinklelio nustatymas, pasirinktiniai elementai, ir sudedamųjų dalių, iš viso 5 KB.

    Galbūt geriausia dalis apie sparnus yra automatinio stiliaus nustatymas pagal numatytuosius elementus. Jei tiesiog nukritote Wing CSS stilių lentelę į savo projektą, tuoj pat pastebėsite pakeitimus.

    Numatytasis tekstas, nuorodos ir puslapio elementai automatiškai formuojasi Wing dizaino pagrindu. Tu taip pat gali pridėti papildomų klasių pridėti daugiau estetikos į puslapį.

    Sparnai plaukioja su a 960px tinklelio sistema naudojant a 12 colių struktūra. Tai labai paprasta sąranka ir 960px tinklelis paprastai laikomas per mažu šiandienos plačiaekranio auditorijai. Tačiau, jei jums patinka mažesnės svetainės, tai puikus pasirinkimas.

    http://usewing.ml/ yra crazy paprasta ir seka kažką panašaus:

     
    1
    2
    3

    Galite įtraukti a visa sparno kopija iš Unpkg CDN. Jie nuolat atnaujina savo failus su naujausia versija, todėl niekada nereikia keisti failų vardų. Tiesiog pridėkite šį URL į jūsų antraštę ir gausite visišką prieigą prie dabartinės Wing sistemos.

    Arba galite atsisiųsti paketą per npm arba ištraukite šaltinio kopiją iš GitHub.

    Aš palyginčiau Wing su Normalize.css, kuri yra daug mažesnė CSS sistema, tai labiau panaši į iš naujo nustatyti biblioteką. Sparnas faktiškai ateina su numatytais stiliais Normalize.css tik iš naujo nustato elementus, kad jie veiktų vienodai visose naršyklėse.

    Abiejų jų grožis yra tas, kad turite visišką kontrolę į Redaguoti, restyle, ir performatuoti nepaisant to, kad matote tinkamą puslapį.

    Visi dokumentai ir kodo fragmentai galima rasti „Wing“ pagrindiniame puslapyje, todėl naudokite šį vadovą, jei nesate tikri, kaip nustatyti savo svetainę.