Web Projelerinizi Başlatmak için Piknik CSS Hafif CSS Kütüphanesi
Bazı geliştiriciler, özellik bakımından zengin stilleri için Bootstrap gibi ayrıntılı UI kitaplıklarını tercih eder. Ancak, için yapılan birçok küçük CSS kütüphanesi var. ince tasarım estetiği ve özelleştirme.
Eğer arıyorsanız küçük ama şık CSS kütüphanesi Ben tavsiye ediyorum Piknik CSS. Tamamen ücretsiz, açık kaynak kodlu ve basit ama şık stillerle sayfalarınızı canlandırmak için çok fazla düzenleme yapmadan çalışıyor.
Tüm yerel HTML öğeleri varsayılan olarak restyled, yani derslere güvenmenize bile gerek yok. Sadece web sayfanıza Piknik stil sayfasını ekleyin ve yenileyin. Tüm formların, düğmelerin ve tipografik öğelerin yeni bir görünüm aldığını fark edeceksiniz.
Ama elbette bu kütüphane modüler tasarımı destekliyor Her şeyi özelleştirmek için seçenekleri ile. Onun hepsi Sass ile yazılmış, bu yüzden gerçekten kod üzerinde çalışmak için bir Sass geliştiricisi olmanız gerekir.
Tüm varsayılan tipografi, sınıflar, ızgara sistemleri ve şekillendirme ve renklendirme sayfa öğelerinde kullanılan değişkenlere erişebilirsiniz.
Piknik CSS de inanılmaz küçük olacak şekilde inşa edilmiştir ve yalnızca 10 KB boyutunda küçültüldüğünde. Bu yaklaşık 1/10inci Bootstrap ve hala özel bir UI çerçevesinde bekleyeceğiniz tüm cazibeye sahip.
Bu küçük bir kütüphane olduğu için herhangi bir dinamik özelliğe sahip değil. Ancak, test sayfasında düğmeler, başlıklar, kartlar, girişler, sekmeler ve diğer benzer öğeleri içeren örnekleri görebilirsiniz..
Defileler ve sekmeler gibi dinamik öğelerden bazıları, saf CSS ile çalışın. Böylece, JavaScript’i tamamen yok sayarak uyumlu web siteleri de oluşturabilirsiniz. Oldukça havalı!
Varsayılan Piknik stillerinin biraz yumuşak olduğunu ve bazı rötuşları kullanabildiklerini düşünüyorum. Ancak, genel olarak, bu kütüphaneye bayılıyorum ve yeni bir projeye sağdan başlamak için en basit yollardan biri..
Başlamak için, Picnic CSS GitHub sayfasını ziyaret edin. bir kopyasını indir ve bazı örnekleri görüntüle. Ayrıca çevrimiçi belgelere göz atın Her bir elemanın nasıl çalıştığını ve çalışmasını sağlamak için neye ihtiyacınız olduğunu görmek için.
Piknik bile CDN'de mevcut, böylece başlamak için yerel olarak dosya indirmenize gerek kalmaz.