Hjemmeside » Toolkit » Picnic CSS Lightweight CSS Library til Kickstart Webprosjektene dine

    Picnic CSS Lightweight CSS Library til Kickstart Webprosjektene dine

    Noen utviklere foretrekker detaljerte brukergrensesnittbiblioteker, for eksempel Bootstrap, for dets funksjonrike stiler. Men det er mange mindre CSS-biblioteker laget for subtile design estetikk og tilpasning.

    Hvis du leter etter en lite, men stilig CSS-bibliotek jeg anbefaler Picnic CSS. Det er helt gratis, åpen kildekode, og fungerer uten mye redigering for å jazz opp sidene dine med enkle, men elegante stiler.

    Alle native HTML-elementer er standard som standard, så du trenger ikke engang å stole på klasser. Legg bare til Picnic stilark til websiden din og oppdater. Du vil legge merke til alle skjemaer, knapper og typografiske elementer tar alle et nytt utseende.

    Men selvfølgelig, dette biblioteket støtter modulær design med muligheter for å tilpasse alt. Det er alt skrevet i Sass, så du må virkelig være en Sass-utvikler for å jobbe gjennom koden.

    Du har tilgang til all standard typografi, klasser, rutenettsystemer og variabler som brukes til styling og fargebestandsideelementer.

    Picnic CSS ble også bygget for å være utrolig liten og den måler kun 10 kg i størrelse når minifisert. Dette er omtrent 1/10th av Bootstrap, og den har fortsatt all sjarmen du kan forvente i et tilpasset brukergrensesnitt.

    Siden dette er et lite bibliotek, det har ingen dynamiske funksjoner. Men du kan se eksempler på testsiden som inneholder knapper, overskrifter, kort, innganger, faner og andre lignende elementer.

    Noen av de dynamiske elementene, for eksempel modeller og faner, jobbe med rent CSS. Så, du kan også bygge kompatible nettsteder ved å ignorere JavaScript helt. Ganske kult!

    Jeg tror standard Picnic-stiler er litt tøffe, så de kan bruke litt retusjering. Men samlet elsker jeg dette biblioteket, og det er en av de enkleste måtene å starte et nytt prosjekt på høyre fot.

    For å komme i gang, besøk Picnic CSS GitHub-siden til last ned en kopi og se noen eksempler. Du kan også bla gjennom online dokumentasjonen for å se hvordan hvert element fungerer og hva du trenger for å få alt i gang.

    Picknick er jevn tilgjengelig på CDN, så du trenger ikke engang å laste ned filer lokalt for å komme i gang.