Bazı geliştiriciler, zengin özelliklere sahip stiller için Bootstrap gibi ayrıntılı UI kitaplıklarını tercih eder. Ancak, ince tasarım estetiği ve özelleştirme için yapılmış daha küçük CSS kütüphaneleri var.
Küçük ama şık bir CSS kütüphanesi arıyorsanız, Picnic CSS‘yi öneririm. Tamamen ücretsiz, açık kaynaktır ve sayfalarınızı basit ama şık stillerle hazırlamak için çok düzenlemeye gerek duymadan çalışır.
Tüm yerel HTML öğeleri varsayılan olarak yeniden tasarlandırılmış. Picnic style sayfasını web sayfanıza ekleyin ve yenileyin. Tüm formların, düğmelerin ve tipografik öğelerin hepsinin yeni bir görünüm aldığını fark edeceksiniz.
Bu kütüphane her şeyi özelleştirmek için seçeneklerle modüler tasarımı destekliyor. Ancak kütüphane Sass ile yazılmış, bu nedenle kodlarla çalışmak için bir Sass geliştiricisi olmalısın.
Sayfa öğelerini şekillendirmek ve renklendirmek için kullanılan varsayılan tüm tipografi, sınıflar, ızgaralı sistemler ve değişkenlere erişebilirsiniz.
Picnic CSS de inanılmaz derecede küçük olacak şekilde yapılmış ve minikleştirildiğinde yalnızca 10KB boyutunu ölçüyor. Bu, Bootstrap’in yaklaşık 1 / 10’udur ve özel bir kullanıcı arayüzü çerçevesinde beklediğiniz tüm çekiciliğe sahiptir.
Bu küçük bir kütüphane olduğundan dinamik özelliklere sahip değildir. Ancak test sayfasında düğmeler, başlıklar, kartlar, girişler, sekmeler ve benzeri diğer öğeleri içeren örnekleri görebilirsiniz.
Modals ve tabs gibi bazı dinamik öğeler saf CSS ile çalışır. Bu nedenle, JavaScript’i tamamen göz ardı ederek uyumlu web siteleri de oluşturabilirsiniz. Oldukça havalı!
Başlamak için, bir kopyasını indirmek ve bazı örnekleri görüntülemek için Picnic CSS GitHub sayfasını ziyaret edin. Ayrıca, her elemanın nasıl çalıştığını ve hepsinin çalışması için neye ihtiyaç duyduğunuzu görmek için çevrimiçi belgelere göz atabilirsiniz.
Piknik CDN‘de bile mevcuttur, bu nedenle başlamak için dosyaları yerel olarak indirmenize gerek yoktur.
Bu makalede hafif CSS’lerle çalışmak isteyen web tasarımcıların kullanabileceği Picnic CSS kütüphanesinden bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.
