Anasayfa » Toolkit » CSS Mint UI Kit ile Renkli Düz Temalı Web Siteleri Oluşturun

    CSS Mint UI Kit ile Renkli Düz Temalı Web Siteleri Oluşturun

    Açık kaynaklı ön uç UI kitleri kalkınma toplumundaki bütün öfke. Izgaraların yerleştirilmesi, sayfa öğelerinin şekillendirilmesi ve açılır menşeler gibi dinamik bileşenlerin eklenmesi konusunda zaman kazanırlar.

    Düz tasarım kullanan çok sayıda kit var, ancak birkaçı yakında CSS Nane. Bu% 100 ücretsiz açık kaynaklı kullanıcı arayüzü kiti, tüm projeler ve hayal edebileceğiniz her tür web sitesi için mükemmeldir..

    CSS Nane'nin tam merkezinde, orada Kitaplığı normalleştir diğer özel sıfırlamalar ile birlikte. Bu kastedilen tüm tarayıcılar arası sorunları ve hataları gidermek kod tabanını tüm pano boyunca tutarlı tutmak.

    Tüm CSS kodu izler OOCSS ilkeleri, bu nedenle mevcut kod tabanına ekleme (veya özelleştirme) yapmak için kolay bir zamana sahip olmanız gerekir..

    Başlamak için sadece CSS Mint stil sayfasını ekleyin projene. Bu, Bower üzerinden veya bir CDN bağlantısı aracılığıyla kurulabilir veya GitHub'dan bir kopyasını indirirseniz yerel olarak barındırılabilir..

    Yeni bir web sayfası oluşturduğunuzda, standartlara uyumlu HTML5 kodunu takip edeceksiniz. Grid sistemleri konteynere dayanmaktadır

    elementler. Gibi en varsayılan öğeler
    Hangi tamamen tarz, ile farklı düzenler için isteğe bağlı sınıflar.

    Kutunun dışında, sınıfları bulacaksınız. düğmeleri, matbaacılık, gezinme menüleri, form girdileri ve zengin sayfa elemanları kartlar gibi. Ayrıca, kod snippet'lerini içeren demo sayfasında pek çok örnek görebilirsiniz..

    Çerçeve sürekli güncellenen yeni stiller ve ekstra özelliklerle Nint'in uzun süredir etrafta olması bekleniyor.

    Sass ve Less çerçeveler kadar kontrol sağlamaz, ancak Nane'nin güzelliği sadeliği içinde yatıyor. Sayfanıza stil sayfasını eklemeniz yeterlidir.!

    Daha fazla bilgi edinmek için, GitHub deposu indirme bağlantıları ve kurulum talimatları için. Ve düşüncelerinizi yaratıcısı Arun Michael Dsouza ile Twitter'da @ amdsouza92 ile paylaşabilirsiniz..