Domovská » Sada nástrojů » Piknik CSS Lehká CSS knihovna Kickstart vaše webové projekty

    Piknik CSS Lehká CSS knihovna Kickstart vaše webové projekty

    Někteří vývojáři upřednostňují podrobné knihovny UI, například Bootstrap, pro své styly bohaté na funkce. Existuje však mnoho menších knihoven CSS jemná estetika designu a přizpůsobení.

    Pokud hledáte malá, ale stylová knihovna CSS doporučuji Piknik CSS. Je to zcela zdarma, open source, a pracuje bez mnoha úprav, aby se vaše stránky s jednoduchými, ale elegantní styly.

    Všechny nativní prvky HTML jsou ve výchozím nastavení, takže se nemusíte spoléhat na hodiny. Stačí přidat šablonu stylů Picnic na webovou stránku a aktualizovat. Všimnete si všech formulářů, tlačítek a typografických prvků, které všechny nabývají nového vzhledu.

    Ale, samozřejmě, tato knihovna podporuje modulární design s možností přizpůsobení všeho. To je vše napsané v Sassu, takže opravdu musíte být vývojářem Sass, abyste mohli pracovat s kódem.

    Máte přístup ke všem výchozím typografiím, třídám, gridovým systémům a proměnným používaným pro styling a barvení prvků stránky.

    Piknik CSS byl také postaven tak, aby byl neuvěřitelně malý a to měří pouze 10KB při minifikaci. To je asi 1/10th Bootstrap a stále má všechny kouzlo, které byste očekávali ve vlastním uživatelském rozhraní.

    Protože se jedná o malou knihovnu nemá žádné dynamické funkce. Můžete však vidět příklady na testovací stránce, která obsahuje tlačítka, záhlaví, karty, vstupy, karty a další podobné prvky.

    Některé z dynamických prvků, jako jsou modály a karty, pracovat s čistým CSS. Takže můžete také vytvořit kompatibilní webové stránky tím, že zcela ignorujete JavaScript. Dost dobrý!

    Myslím, že výchozí styl pikniku je tad bland, takže mohli použít nějaké retušování. Celkově však tuto knihovnu zbožňuji a je to jeden z nejjednodušších způsobů, jak začít nový projekt na pravé noze.

    Chcete-li začít, navštivte stránku Picnic CSS GitHub stáhnout kopii a zobrazit některé vzorky. Můžete také procházet online dokumentaci vidět, jak každý prvek funguje, a to, co potřebujete k tomu, aby vše fungovalo.

    Piknik je dokonce dostupné na CDN, takže nemusíte stahovat soubory lokálně, abyste mohli začít.