Sukurkite spalvingas plokščias temines svetaines su CSS Mint UI rinkiniu

Atvirojo kodo sąsajos UI rinkiniai yra visos plėtros bendruomenės pyktis. Jie sutaupo laiko visiems tinklelių, stiliaus puslapių elementų ir dinaminių komponentų, pvz., Išskleidžiamųjų langų, išdėstymo aspektams.

Yra daug rinkinių, naudojant plokščią konstrukciją, tačiau nedaugelis priartėja prie CSS monetų kalykla. Šis 100% nemokama atviro kodo UI rinkinys puikiai tinka visiems projektams ir bet kuriai svetainės kategorijai, kurią galite įsivaizduoti.

Pats „CSS Mint“ branduolys yra Normalizuokite biblioteką kartu su kitais pasirinktiniais nustatymais. Tai skirta skvošite visas tarpvalstybines problemas ir klaidas išlaikyti nuoseklią kodo bazę.

Toliau seka visi CSS kodai OOCSS principai, todėl turėtumėte turėti paprastą laiką pridedant (arba pritaikant) esamą kodo bazę.

Norėdami pradėti, jūs tiesiog pridėkite „CSS Mint“ stilių lentelę į savo projektą. Tai gali būti įdiegta per „Bower“ arba per CDN nuorodą arba netgi talpinama vietoje, jei atsisiunčiate „GitHub“ kopiją.

Kai kuriate naują tinklalapį, bus laikomasi standartų atitinkančio HTML5 kodo. Tinklinės sistemos yra pagrįstos konteineriu

elementus. Dauguma numatytųjų elementų, pvz.,

yra visiškai stiliaus, su pasirinktinės klasės skirtingiems išdėstymams.

Iš dėžutės rasite klasių mygtukai, tipografija, navigacijos meniu, formų įvestys ir turtingi puslapių elementai pvz., kortelės. Demo puslapyje galite pamatyti daug pavyzdžių, kuriuose yra ir kodo fragmentai.

Ši sistema yra nuolat atnaujinama su naujais stiliais ir papildomomis funkcijomis, todėl monetų kalykla greičiausiai bus ilgam.

Jis nesuteikia tiek daug kontrolės, kaip „Sass“ ir „Less“ sistemos, bet monetos grožis yra jo paprastumas. Tiesiog pridėkite stilių lentelę į savo puslapį ir jūs gerai einate!

Jei norite sužinoti daugiau, apsilankykite GitHub repo atsisiųskite nuorodas ir diegimo instrukcijas. Ir galite pasidalinti savo mintimis su kūrėju Arun Michael Dsouza savo Twitter @ amdsouza92.