Hjemmeside » Toolkit » Wing - Minimalistiske CSS Framework Webdesigners vil

    Wing - Minimalistiske CSS Framework Webdesigners vil

    Frontend-økosystemet er fullt av open-source rammer laget for å forbedre utviklingsprosessen. Vanligvis vil alle ha noe annet enn disse rammene; Noen mennesker ser etter estetikk mens andre ønsker hastighet eller brukervennlighet.

    Vinge er en nyere ramme og en minimalistisk beste venn. Den leveres med a standard nettverksoppsett, egendefinerte elementer, og komponenter som totalt er 5 KB.

    Kanskje den beste delen om Wing er automatisk styling for standardelementer. Hvis du bare slipper Wing CSS stilarket i prosjektet, vil du legge merke til endringer umiddelbart.

    Standardtekst, koblinger og sideelementer automatisk forme seg selv basert på Wing's designs. Du kan også legg til ekstra klasser av dine egne å legge til flere estetikk på siden.

    Vingeskip med a 960px rutenett system bruker en 12-kol struktur. Dette er et veldig enkelt oppsett, og 960px-nettet er vanligvis ansett altfor lite for dagens widescreen-publikum. Men hvis du liker mindre nettsteder, er dette et utmerket valg.

    http://usewing.ml/ er gal enkel og følger noe slikt:

     
    1
    2
    3

    Du kan inkludere en full kopi av Wing fra Unpkg CDN. De holder filene oppdatert med den nyeste versjonen, så du trenger aldri å endre filnavn. Bare Legg til denne nettadressen i overskriften og du får full tilgang til dagens Wing-rammeverk.

    Alternativt kan du laste ned pakken via npm eller trekk en kopi av kilden rett fra GitHub.

    Jeg vil sammenligne Wing til Normalize.css som er et mye mindre CSS-rammeverk, det er mer som a tilbakestill bibliotek. Wing faktisk kommer med standard stiler mens Normalize.css bare tilbakestiller elementer til å fungere det samme i alle nettlesere.

    Både skjønnheten er det du har full kontroll til redigere, restyle, og reformatere siden skjønner du likevel.

    All dokumentasjon og kodestykker kan bli funnet på Wing's hjemmeside, så bruk den guiden hvis du ikke er sikker på hvordan du konfigurerer nettstedet ditt.