Picnic CSS: Lettvekt CSS Library til Kickstart Webprosjektene dine

Noen utviklere foretrekker detaljerte brukergrensesnittbiblioteker, for eksempel Bootstrap, for sine funksjonsrike stiler. Men det er mange mindre CSS-biblioteker laget for subtile designestetikk og tilpasning .

Hvis du leter etter et lite, men stilig CSS-bibliotek, anbefaler jeg 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. Bare legg til Picnic stilark til websiden din og oppdater. Du vil legge merke til alle skjemaer, knapper og typografiske elementer alle tar på seg et nytt utseende.

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

Du har tilgang til alle standardtypografier, klasser, rutenettsystemer og variabler som brukes til styling og fargebestandsideelementer.

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

Siden dette er et lite bibliotek, har det 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, fungerer med ren 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 for å laste ned en kopi og vise noen eksempler . Du kan også bla gjennom online dokumentasjonen for å se hvordan hvert element fungerer, og hva du trenger for å få alt i gang.

Picnic er til og med tilgjengelig på en CDN, slik at du ikke engang trenger å laste ned filer lokalt for å komme i gang.