Mājas lapa » Toolkit » Izveidojiet krāsainas plakanās tematiskās tīmekļa vietnes ar CSS Mint UI Kit

    Izveidojiet krāsainas plakanās tematiskās tīmekļa vietnes ar CSS Mint UI Kit

    Atvērtā koda frontes UI komplekti ir visas dusmas attīstības kopienā. Tie ietaupa laiku visos tīkla režģu, dizaina lappušu elementu un dinamisku komponentu, piemēram, nolaižamo elementu, aspektos.

    Ir daudz komplektu, izmantojot plakano dizainu, bet maz ir tuvu CSS Mint. Šis 100% bezmaksas atvērtā koda UI komplekts lieliski darbojas visiem projektiem un jebkura veida tīmekļa vietnēm, ko varat iedomāties.

    CSS naudas kaltuves pamatā ir Normalizējiet bibliotēku kopā ar citiem pielāgotiem atiestatījumiem. Tas ir domāts skvošs visiem pārrobežu pārlūkprogrammas jautājumiem un kļūdām turēt koda bāzi konsekventu.

    Visi CSS kodi seko OOCSS principi, lai jums būtu viegls laiks, lai pievienotu (vai pielāgotu) esošo koda bāzi.

    Lai sāktu darbu, jūs vienkārši pievienojiet CSS Mint stilu jūsu projektam. To var instalēt, izmantojot Bower vai CDN saiti, vai pat izvietot lokāli, ja lejupielādējat kopiju no GitHub.

    Izveidojot jaunu tīmekļa lapu, jums sekos standartam atbilstošs HTML5 kods. Režģu sistēmas ir balstītas uz konteineru

    elementiem. Lielākā daļa noklusējuma elementu, piemēram,
    ir pilnībā veidots, ar izvēles klases dažādiem izkārtojumiem.

    No kastes jūs atradīsiet klases pogas, tipogrāfija, navigācijas izvēlnes, veidlapas un bagāti lapu elementi piemēram, kartes. Demo lapā var redzēt daudz piemēru, kas ietver arī koda fragmentus.

    Sistēma ir pastāvīgi atjaunina ar jauniem stiliem un papildu funkcijām, tāpēc naudas kaltuve, iespējams, būs tālsatiksmes laikā.

    Tas nepiedāvā tik daudz kontroles, kā Sass un mazāk sistēmas, bet Mint naudas skaistums ir tā vienkāršība. Vienkārši pievienojiet stillapu savai lapai un jums ir labi iet!

    Lai uzzinātu vairāk, apmeklējiet GitHub repo lejupielādes saites un instalēšanas instrukcijas. Un jūs varat dalīties savās domās ar autors Arun Michael Dsouza savā Twitter @ amdsouza92.