Arayüz CSS

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

Yeniden buton stilleri yazmak yerine hazır kullanabileceğiniz 4Kb’dan küçük Bttn.css kütüphanesini projenize ekleyerek kendi stilinizi oluşturabilirsiniz.

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.



Yazar hakkında

Bilal UÇAR

Web Developer @Webmaster.Kitchen.
Wordpress üzerinde çalışmalar yapıyorum. Bu konuda öğrendiklerimi mutfakta paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz.
Yorum alanı ile mutfağa katkıda bulunun.

Yorumlar

3 Yorumlar

  • Bu gerçekten çok güzel haber. Artık sorun yaşamadan hoş görünümlü butonlar yapabileceğiz… En kısa zamanda deneyeceğim. Çok teşekkürler hocam.

  • Merhaba,

    Bu harika butonları wordpress’e nasıl ekleyebilirim? Bu konuda bana yardımcı olabilecek bir kaynak sunarsanız çok sevinirim…

    • Manuel olarak indirdiğiniz dosyaları temanızın css kodlarının yanına atabilirsiniz. Daha sonra class özelliklerine bu değerleri vererek çalıştırabilirsiniz.

Bir yorum yaz