Geliştiriciler için CSS Başlangıç Seti - Shoelace.css
Frontend geliştiricileri alabilecekleri en iyi kaynaklara ihtiyaç duyarlar. Genellikle, bu demek oluyor ki bir çerçeve üzerinde çalışmak Bootstrap gibi, çünkü temelde her şeyle birlikte gelir..
Ancak, birçok alternatif var ve Shoelace.css aşina olmanız gereken böyle bir örnek.
Bu ücretsiz CSS seti tam bir çerçeve değil. Bunun yerine, daha çok geliştiriciler için başlangıç seti sıfırdan onlarca özel CSS stili oluşturmak istemeyen.
Her zaman bir CSS sıfırlaması kullanabilirsiniz, ancak bu yalnızca tarayıcıları eşit biçimde biçimlendirir. Bir sıfırlama Daha karmaşık işleri yapmak için bir kapak değil, ve bu tam olarak ayakkabı bağı.
Olarak geliyor Düğümde çalışan bir CLI olan paket Herhangi bir proje ile yükleyebilirsiniz. Yine de CDN sürümü var npm kullanmak istemiyorsanız.
Tüm bunları ayarlamak için yükleme Rehberi resmi belgelerde. Bunun bir CSS kütüphanesi olarak etiketlenmesine rağmen, JavaScript bileşenleri ile geliyor, çok. olmasına rağmen jQuery'de çalışanların çoğu, bu yüzden bunu bir bağımlılık olarak eklemeniz gerekecek.
Dokümanlar içine daha fazla kazarsanız, özelleştirme sayfası bu size gösterir CSS’de değişkenlerin nasıl düzenleneceği. Bunlar, özel bileşenler oluşturmanıza ve varsayılan Ayakkabı Bağı stillerini kolayca değiştirmenize olanak sağlar.
Her bileşen tasarıma bir Bootstrap-y hissediyorum var, yani Shoelace hemen hemen her düzen için çalışacak.
Ancak, aynı zamanda Bootstrap'a göre daha dik bir öğrenme eğrisi vardır, o kadar popüler değil, ne de desteği yok. Bu yazı itibariyle, Shoelace hala v1.0 beta sürümündedir, bu yüzden daha büyük önyüz çerçevelerini yakalamak için bolca vakti vardır..
Dokümanlara hızlı bir bakış, bunu kanıtlamalıdır üretim yeri için hazır. Shoelace öğrenmeye ve uygulamaya değerse, gerçekten size kalmış.
Bir göz atın Bir kopyasını kapmak için GitHub repo ve daha fazla kurulum bilgisi için çevrimiçi dokümanlar. Shoelace ile ilgili herhangi bir sorunuz veya öneriniz varsa Twitter'da yaratıcınıza bir satır da bırakabilirsiniz @claviska.