Pagrindinis » Įrankių rinkinys » „Picnic CSS Lightweight CSS“ biblioteka, skirta jūsų interneto projektams pradėti

    „Picnic CSS Lightweight CSS“ biblioteka, skirta jūsų interneto projektams pradėti

    Kai kurie kūrėjai pageidauja išsamių UI bibliotekų, pvz., „Bootstrap“, savo funkcijų turtingiems stiliams. Tačiau yra sukurta daug mažesnių CSS bibliotekų subtilus dizaino estetika ir pritaikymas.

    Jei ieškote a maža, bet stilinga CSS biblioteka Rekomenduoju Piknikas CSS. Tai visiškai nemokama, atviro kodo ir veikia be daug redagavimo, kad būtų galima džiazuoti savo puslapius paprastais, bet elegantiškais stiliais.

    Visi vietiniai HTML elementai yra pagal numatytuosius nustatymus, taigi jums net nereikia pasikliauti klasėmis. Tiesiog pridėkite „Picnic“ stilių lentelę į savo tinklalapį ir atnaujinkite. Pastebėsite visas formas, mygtukus ir tipografinius elementus, kurie visi atvaizduoja naują išvaizdą.

    Bet, žinoma, ši biblioteka palaiko modulinį dizainą su galimybėmis pritaikyti viską. Tai visi parašyti Saso, todėl jūs tikrai turite būti Sass kūrėjas, kad galėtumėte dirbti per kodą.

    Jūs turite prieigą prie visų numatytųjų tipografijų, klasių, tinklelio sistemų ir kintamųjų, naudojamų puslapių elementų formavimui ir dažymui.

    Piknikas CSS taip pat buvo pastatytas taip, kad būtų neįtikėtinai mažas ir jis būtų matuoja tik 10 KB dydžio priemones kai minifikuojama. Tai maždaug 1/10th „Bootstrap“ ir vis dar turi visas žavesio, kurį tikitės iš užsakyto vartotojo sąsajos sistemos.

    Tai yra maža biblioteka neturi jokių dinaminių funkcijų. Tačiau bandymų puslapyje galite pamatyti pavyzdžių, kuriuose yra mygtukai, antraštės, kortelės, įvestys, skirtukai ir kiti panašūs elementai.

    Kai kurie dinaminiai elementai, pvz., Modalai ir skirtukai, dirbti su grynu CSS. Taip pat galite sukurti tinkamas svetaines, visiškai ignoruodami „JavaScript“. Gana kietas!

    Manau, kad numatytieji „Picnic“ stiliai yra tarsi nuoširdūs, kad jie galėtų naudoti retušavimą. Tačiau apskritai aš mėgstu šią biblioteką ir tai vienas iš paprasčiausių būdų pradėti naują projektą dešinėje kojoje.

    Norėdami pradėti, apsilankykite „Picnic CSS GitHub“ puslapyje atsisiųskite kopiją ir peržiūrėti kai kuriuos pavyzdžius. Tu taip pat gali naršykite internetinę dokumentaciją kad pamatytumėte, kaip veikia kiekvienas elementas, ir ką jums reikia norint, kad jis veiktų.

    Piknikas yra lygus CDN, todėl nereikia netgi atsisiųsti failų vietoje, kad pradėtumėte.