Domača » Toolkit » Piknik CSS lahka knjižnica CSS za Kickstart vaše spletne projekte

    Piknik CSS lahka knjižnica CSS za Kickstart vaše spletne projekte

    Nekateri razvijalci raje uporabljajo podrobne knjižnice uporabniškega vmesnika, kot je Bootstrap, za slogi, bogatimi s funkcijami. Vendar pa je na voljo veliko manjših knjižnic CSS subtilna oblikovna estetika in prilagajanje.

    Če iščete a majhna, vendar elegantna knjižnica CSS priporočam Piknik CSS. Je popolnoma brezplačen, odprtokoden in deluje brez večjega urejanja, da bi vaše strani posnemal s preprostimi, a elegantnimi slogi.

    Vsi izvirni elementi HTML so privzeto obnovljen, tako se sploh ni treba zanašati na razrede. Samo dodajte slog za piknik na svojo spletno stran in osvežite. Opazili boste, da vsi obrazci, gumbi in tipografski elementi dobijo nov videz.

    Ampak, seveda, ta knjižnica podpira modularno zasnovo z možnostmi za prilagajanje vsega. To je vse napisano v Sassu, tako da morate resnično razvijati Sass, da bi delali preko kode.

    Imate dostop do vseh privzetih tipografij, razredov, omrežnih sistemov in spremenljivk, ki se uporabljajo za oblikovanje in barvanje elementov strani.

    Picnic CSS je bil prav tako zgrajen, da bi bil neverjetno majhen meri le 10KB ko je minirana. To je približno 1/10th Bootstrap in še vedno ima ves čar, ki ga pričakujete v uporabniškem okviru uporabniškega vmesnika.

    Ker je to majhna knjižnica, je nima nobenih dinamičnih funkcij. Na preizkusni strani lahko vidite primere, ki vključujejo gumbe, glave, kartice, vnose, zavihke in druge podobne elemente.

    Nekateri dinamični elementi, kot so modali in zavihki, delo s čistim CSS. Torej lahko gradite tudi skladna spletna mesta tako, da popolnoma ignorirate JavaScript. Precej kul!

    Mislim, da so privzeti slogi piknika tad bland, da bi lahko uporabili nekaj retuširanja. Ampak na splošno obožujem to knjižnico in to je eden od najpreprostejših načinov za začetek novega projekta na desnem stopalu.

    Če želite začeti, obiščite stran CSS GitHub za Picnic prenesite kopijo in ogled nekaterih vzorcev. Lahko tudi brskanje po spletni dokumentaciji da bi videli, kako deluje vsak element in kaj potrebujete, da bi vse delovalo.

    Piknik je enak na voljo na CDN, tako, da vam ni treba lokalno prenesti datotek, da bi začeli.