Cumartesi 28 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Küçük Projeleriniz İçin : Picnic CSS
 Küçük Projeleriniz İçin : Picnic CSS
Arayüz CSS

Küçük Projeleriniz İçin : Picnic CSS

Yazar : Bilal UÇAR 12 Temmuz 2017 1 Comment

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.

Etiketler: hafif css kütüphaneleri küçük css kütüphaneleri küçük projeler için css kütüphanesi picnic css
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

1 Yorum

  • Mustafa says:
    4 Nisan 2021 at 17:38

    Hocam bu kütüphaneler ne işe yarıyor ve nasıl bir şey internetten arattın mı çıkmıyor sanırım indirmemiz gerekiyor.

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.