Salı 28 Mart 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. Bttn.css – 4Kb’dan Küçük Mükemel CSS Butonları
 Bttn.css –  4Kb’dan Küçük Mükemel CSS Butonları
Arayüz CSS

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

Yazar : Bilal UÇAR 13 Temmuz 2017 3 Comments

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.

Etiketler: buton css css buton kütüphaneleri hazır buton kütüphaneleri
Ö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.

3 Yorumlar

  • Mobil Merkezim says:
    13 Temmuz 2017 at 19:45

    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.

    Reply
  • Gürkan says:
    12 Ağustos 2017 at 18:56

    Merhaba,

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

    Reply
    • Bilal UÇAR says:
      14 Ağustos 2017 at 11:11

      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.

      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.