Anlamsal Kullanıcı Arabirimi ile Daha Hızlı Web Siteleri Oluşturun
Bootstrap gibi ön uç çerçeveler hala tüm öfke. Seçilebilecek çok sayıda harika seçenek var ancak son zamanlarda dikkatimi çekti. Anlamsal UI.
Bu kütüphanenin bir süredir, birkaç yıl öncesine dayanan bir kitap olduğunu kabul etti. Ancak, sürüm 2.2'nin en yeni sürümü ek özellikler bir sürü ile birlikte geliyor ve Semantic'in uzun süre boyunca çevresinde olacağını ispatladı.
Onlarca ile CSS değişkenleri, basit duyarlı sınıflar, ve kurulumu kolay düzenler, Anlamsal UI ile çalışma konusunda kendi başınıza hiçbir sorun yaşamayacaksınız.
basit sınıf isimleri ve ızgara yapıları denilen bu çerçeveye gerçekten anlam vermek “anlamsal”. Sınıflar çok mantıklı ve bu da HTML'nizi uzaktan kolayca okunabilmesini sağlıyor.
Hatta ile geliyor Dinamik sayfa öğeleri için jQuery desteği karuseller ve açılır menüler gibi.
Güneşin altındaki her HTML elemanı özelleştirilmiş ve tamamen işlevsel Anlamsal UI ile. Buna HTML5 öğelerinin yanı sıra derecelendirmeler ve özel sekmeler gibi ekstra işlevler de dahildir.
Ancak, Semantic'in belki de en iyi yanı tema kurulumu. Sadece tonlarca önceden tasarlanmış stil ve dinamik unsur almakla kalmaz, aynı zamanda restyle bunları kendin Semantic'in kodunun üstüne inşa.
Kütüphane toplamı 3.000+ tema değişkeni Sass'ta veya kendi stil sayfanızı genişleterek değiştirebilirsiniz. Ayrıca, Semantik UI ile paketlenmiş geliyor dokuz varsayılan tema:
- Anlamsal Varsayılan
- Tombul
- kalkık
- Klasik
- Google Materyali
- Amazon
- çizme atkısı
- GitHub
- heyecan
Bunlar buzdağının sadece görünen yüzü ve daha çok benziyorlar kendi temanızı tasarlamak için başlangıç noktaları.
Sıfırdan yeni bir açılış sayfası veya özel web sitesi oluşturuyorsanız, Semantic UI ile çalışmayı ciddi şekilde düşünün. Tamamen ücretsiz ve açık kaynak kodlu çevrimiçi harika belgeler.
Göz atabilirsiniz düzen stilleri, ile birlikte tüm ana unsurlar ve özel temalar için rehberler.
Ve indirebilirsiniz kaynak kodun kopyası doğrudan GitHub’dan yeni başlayanlar için rehber.