Sestavte barevné ploché webové stránky s CSS Mint UI Kit

Open-source frontend UI sady jsou všechny vzteky v rozvojové komunitě. Šetří čas ve všech aspektech vytváření mřížek, stylingových prvků stránky a přidávání dynamických komponent, jako jsou rozevírací seznamy.

Existuje spousta stavebnic s plochým designem, ale jen málo z nich se blíží CSS Mint. Tento 100% free open-source UI kit funguje skvěle pro všechny projekty a jakýkoliv typ webu, který si dokážete představit.

V samém jádru mincovny CSS se nachází mincovna Normalizujte knihovnu spolu s dalšími vlastními nastaveními. To je míněno squash všechny cross-browser problémy a chyby udržet konzistentní codebase ve všech oblastech.

Následuje celý kód CSS Zásady OOCSS, takže byste měli mít snadný čas přidání do (nebo přizpůsobení) existující codebase.

Chcete-li začít, prostě přidejte styl CSS Mint projektu. To může být instalováno přes Bower, nebo přes odkaz CDN, nebo dokonce hostováno lokálně, pokud si stáhnete kopii z GitHub.

Když vytvoříte novou webovou stránku, budete dodržovat standard HTML5 vyhovující standardům. Gridové systémy jsou založeny na kontejneru

Prvky. Nejpoužívanější prvky jako

jsou plně stylizovaný, s volitelné třídy pro různá rozvržení.

Z krabice najdete třídy tlačítka, typografie, navigačních menu, vstupy a prvky bohaté stránky jako jsou karty. Na ukázkové stránce, která obsahuje také úryvky kódu, můžete vidět spoustu příkladů.

Rámec je neustále aktualizován s novými styly a extra funkcemi, takže Mint je pravděpodobně na dlouhou trať.

Nenabízí tolik kontroly jako rámce Sass a Less, ale krása mincovny spočívá v její jednoduchosti. Stačí přidat šablonu stylů na stránku a můžete jít!

Chcete-li se dozvědět více, navštivte stránku GitHub repo ke stažení odkazy a pokyny k instalaci. A můžete sdílet své myšlenky s tvůrcem Arun Michael Dsouza na jeho Twitter @ amdsouza92.