Bttn.css – 4Kb’dan Küçük Mükemel CSS Butonları

Pek çok ücretsiz CSS snippet’ini ve kod üreticisini kullanarak tekerleği yeniden icat etmeye gerek yoktur. Akıllı geliştiriciler, gezinme menüleri ve butonlar gibi basit sayfa öğeleri hazırlamak için mevcut kütüphanelere güveniyorlar.

Böyle bir kütüphaneden biri geliştirici Ganapati V S. tarafından yaratılan Bttn.css‘dir. Buton kütüphanesi modern önyüz geliştirme için en iyilerden biridir.

Ana sayfadaki butonlarda, çeşitli renk şemaları ile birlikte küçük, orta ve büyük boyları arasından seçim yapabilirsiniz. Butonlar önceden oluşturulmuş haldedir böylece ihtiyacınız olan tek şey gerçek CSS kütüphanesi ve butonlarınız için doğru sınıflardır.

Kütüphaneyi GitHub‘dan indirebilir veya yerel sınama için CDN sürümünü kullanabilirsiniz. Tarayıcınıza bir göz atmak istiyorsanız, cloud IDE’lerinde, örneğin CodePen’de bile çalışır.

Bttn.css aslında daha küçük bir kütüphane olup yaklaşık 13 farklı stil sunuyor. Bunlardan bazıları, malzeme stilleri, degradeler, hayalet butonları ve CSS3 yuvarlak kenarlıklarını kullanan geleneksel hap butonlardır.

Bttn.css kütüphanesinin adı butonun kısaltından ve saf CSS’ten türetilmiştir.

Bununla birlikte, Bttn.css benzeri öğelerden oluşan geniş bir kütüphane yerine farklı buton stilleri sunar. Bu, Bttn.css kütüphanesi tam 13 farklı buton çeşidi içerir.

Bttn.css oluşturucusu tarafından kaleme alınan bu Medium yazısından daha fazlasını okuyabilirsiniz. Kütüphaneyi neden oluşturduğunu ve tipik bir geliştirme projesinde bunun hangi amaçla hizmet ettiğini açıklıyor.

Daha eksiksiz belgeler arıyorsanız, GitHub repo’sunu inceleyin. CDN’yi veya Bower gibi bir paket yöneticisini kullanarak yükleme ayrıntılarıyla birlikte stiller, boyutlar ve renkler için tüm CSS sınıflarını listeler.

Bu kütüphanenin neler yapabileceğini görmek için demo sayfasını da kontrol ettiğinizden emin olun. Twitter @ganapativs’de düşüncelerini oluşturucusu ile paylaşmaktan çekinmeyin.

Bu makalede buton çeşitlerini içeren Bttn.css kütüphanesinden bahsettik. Bu konu hakkında düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.