Početna » alat » Izgradite šarene flat-tematske web-stranice pomoću CSS Mint UI Kit-a

    Izgradite šarene flat-tematske web-stranice pomoću CSS Mint UI Kit-a

    Open-source sučelja korisničkog sučelja su svi bijes u razvojnoj zajednici. Oni štede vrijeme na svim aspektima postavljanja rešetki, elemenata stranica stylinga i dodavanja dinamičkih komponenti kao što su padajući izbornici.

    Postoji mnogo kompleta koji koriste plosnati dizajn, ali malo ih je blizu CSS kovnica. Ovaj 100% besplatni open-source UI kit odlično radi za sve projekte i bilo koju vrstu web stranice koju možete zamisliti.

    U samoj srži CSS Mint-a nalazi se Normalizirajte knjižnicu zajedno s drugim prilagođenim resetima. To je trebalo squash sve cross-preglednik pitanja i bugova držati bazu kôda konzistentnom na svim mjestima.

    Slijedi sav CSS kôd OOCSS načela, stoga biste trebali lako dodavati (ili prilagođavati) postojeću bazu koda.

    Da biste započeli, vi samo dodajte CSS Mint stylesheet na svoj projekt. To se može instalirati putem Bowera ili putem CDN veze ili čak i lokalno ako preuzmete kopiju iz GitHub.

    Prilikom izrade nove web-stranice slijedit ćete standardizirani HTML5 kôd. Grid sustavi temelje se na spremniku

    elementi. Većina zadanih elemenata kao što je
    su potpuno oblikovan, s izborne klase za različite rasporede.

    Iz kutije ćete naći predavanja tipke, tipografija, navigacijski izbornici, unosima oblika i bogati elementi stranice kao što su kartice. Možete vidjeti mnoštvo primjera na demo stranici koja također sadrži isječke koda.

    Okvir je stalno se ažurira s novim stilovima i dodatnim značajkama, tako da je Mint vjerojatno na duge staze.

    Ne nudi toliko kontrole kao Sass i Less okviri, ali ljepota Minta leži u njezinoj jednostavnosti. Samo dodajte stilsku stranicu na svoju stranicu i dobro ste išli!

    Da biste saznali više, posjetite GitHub repo za poveznice za preuzimanje i upute za instalaciju. I svoje misli možete podijeliti s tvorcem Arunom Michaelom Dsouzom na njegovoj Twitter @ amdsouza92.