Hjemmeside » Værktøjskasse » Picnic CSS Lightweight CSS Library til Kickstart Dine Web Projekter

    Picnic CSS Lightweight CSS Library til Kickstart Dine Web Projekter

    Nogle udviklere foretrækker detaljerede UI-biblioteker, såsom Bootstrap, for dets funktionsrige stilarter. Men der er mange mindre CSS biblioteker lavet til subtile design æstetik og tilpasning.

    Hvis du leder efter en lille, men stilfuldt CSS bibliotek jeg anbefaler Picnic CSS. Det er helt gratis, open source, og virker uden meget redigering til jazz op på dine sider med enkle, men elegante stilarter.

    Alle native HTML elementer er standardindstillet, så du behøver ikke engang at stole på klasser. Tilføj blot Picnic stylesheet til din webside og opdater. Du vil bemærke alle former, knapper og typografiske elementer alle tager et nyt udseende.

    Men selvfølgelig, dette bibliotek understøtter modulært design med muligheder for at tilpasse alt. Det er alt skrevet i Sass, så du skal virkelig være en Sass-udvikler for at arbejde gennem koden.

    Du har adgang til alle standardtypografier, klasser, gittersystemer og variabler, der bruges til styling og farveelementer.

    Picnic CSS blev også bygget for at være utrolig lille og det måler kun 10 kg i størrelse når det er minificeret. Dette er omkring 1/10th af Bootstrap, og det har stadig den charme, du kan forvente i en brugerdefineret brugergrænseflade.

    Da dette er et lille bibliotek, det har ingen dynamiske funktioner. Men du kan se eksempler på testsiden, der indeholder knapper, overskrifter, kort, input, faner og andre lignende elementer.

    Nogle af de dynamiske elementer, såsom modeller og faner, arbejde med rent CSS. Så du kan også opbygge kompatible websites ved at ignorere JavaScript fuldstændigt. Pretty cool!

    Jeg tror, ​​at standard Picnic-stilarter er en smule kedelig, så de kunne bruge retouchering. Men i det hele taget elsker jeg dette bibliotek, og det er en af ​​de enkleste måder at starte et nyt projekt på højre fod.

    For at komme i gang skal du besøge Picnic CSS GitHub-siden til download en kopi og se nogle prøver. Du kan også Gennemse online dokumentationen at se, hvordan hvert element virker, og hvad du behøver for at få det til at køre.

    Picnic er lige tilgængelig på en CDN, så du behøver ikke engang at downloade filer lokalt for at komme i gang.