Hemsida » Toolkit » Picnic CSS Lättviktigt CSS-bibliotek för att kickstart dina webbprojekt

    Picnic CSS Lättviktigt CSS-bibliotek för att kickstart dina webbprojekt

    Vissa utvecklare föredrar detaljerade användargruppbibliotek, till exempel Bootstrap, för dess funktionrika stilar. Men det finns många mindre CSS-bibliotek gjorda för subtila design estetik och anpassning.

    Om du letar efter en litet men stilfullt CSS-bibliotek jag rekomenderar Picnic CSS. Det är helt gratis, öppen källkod, och fungerar utan mycket redigering för att jazz upp dina sidor med enkla men eleganta stilar.

    Alla inbyggda HTML-element är som standard återställd, så du behöver inte ens förlita sig på klasser. Lägg bara till Picnic stilarket på din webbsida och uppdatera. Du märker alla former, knappar och typografiska element alla tar ett nytt utseende.

    Men, naturligtvis, det här biblioteket stödjer modulär design med alternativ för att anpassa allt. Dess alla skrivna i Sass, så du behöver verkligen vara en Sass-utvecklare för att arbeta genom koden.

    Du har tillgång till all standard typografi, klasser, rutnät och variabler som används för styling och färgning av sidelement.

    Picnic CSS byggdes också för att vara otroligt liten och den mäter endast 10kB i ​​storlek när minifiera. Detta är ungefär 1/10th av Bootstrap och det har fortfarande all den charm du kan förvänta dig i en anpassad användargränssnitt.

    Eftersom detta är ett litet bibliotek, det har inga dynamiska funktioner. Men du kan se exempel på testsidan som innehåller knappar, rubriker, kort, ingångar, flikar och andra liknande element.

    Några av de dynamiska elementen, till exempel modaler och flikar, arbeta med ren CSS. Så, du kan också bygga kompatibla webbplatser genom att ignorera JavaScript helt. Ganska cool!

    Jag tror att de vanliga picknickstilarna är lite tunna så att de kan använda lite retuschering. Men totalt sett älskar jag det här biblioteket och det är ett av de enklaste sätten att starta ett nytt projekt på högra foten.

    För att komma igång, besök sidan Picnic CSS GitHub till ladda ner en kopia och visa några prover. Du kan också bläddra i dokumentationen online för att se hur varje element fungerar och vad du behöver för att få allt igång.

    Picknick är jämn tillgänglig på en CDN, så du behöver inte ens ladda ner filer lokalt för att komma igång.