Cuma 24 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. Kernel.css – Hafif, Semantik Frontend Framework
 Kernel.css – Hafif, Semantik Frontend Framework
Arayüz CSS

Kernel.css – Hafif, Semantik Frontend Framework

Yazar : Bilal UÇAR 5 Şubat 2018 1 Comment

Geliştiriciler, kodu sıfırdan yazmanın zorluğunu bilir. Neyse ki, web geliştirme topluluğu açık kaynak ve front end frameworkleri yolunda çok şey sunmaktadır.

Bootstrap gibi popüler frameworkler iyi çalışıyor ancak aynı zamanda ağır hissediliyor. Neyse ki alternatifler var ve en yeni favorilerimden biri Kernel.css.

Kernel kendine dokunulmaz bir framework diyor, yani sayfanızın üstünde ince bir katman gibi çalıştığını belirtir. Özelleştirmek zor değildir ve sınıflar modern HTML5 teknik özellikleriyle tamamen uyumludur.

Frontend geliştirici çalışması, erişilebilirlik ve en yüksek tarayıcı desteği seviyesi için uygun anlamları takip etmelidir. Kernel gibi bir frameworkü kullanmak, sık karşılaşılan sorunları çözerek zaman kaybını ve hayal kırıklığını ortadan kaldırır.

Kernelin özelliklerinden bazıları şunlardır:

  • Izgara sistemi flexbox üzerinde çalışır.
  • Tamamen duyarlı ve mobil cihazlara uygun.
  • CSS ve JavaScript aracılığıyla özel geçişler
  • Kartlar, tablolar ve üstbilgiler için önceden şekillendirilmiş öğeler.
  • Material tasarımından sonra modellenen basit renk şeması.

Demo sayfasında, örnek kaynak kodlarını da içeren tüm Kernel öğelerini önizleme yapabilirsiniz.

Butonlar ve başlıklar farklı sınıf adları olduğunu fark edeceksiniz. Bu, sınıfı değiştirerek bir butonun rengini kolayca değiştirebileceğiniz anlamına gelir.

Mavi bir “clean” buton için .btn-primary veya uyarı göstermek için kullanabileceğiniz .btn-warning gibi bildirim sınıfları bulunur.

Kernelin en iyi kısmı, bu frameworkü ihtiyaçlarınıza göre kolayca özelleştirebilmenizdir. Font Awesome’yi butonlarınıza eklemek mi istiyorsunuz? Sorun değil. Başlıklarınıza Google Web fontları eklemeye ne dersiniz? CSS sayfanızdaki stillerin üzerine yazmanız yeterlidir.

Fantastik düzenleri yapılandırmak için hafif bir başlangıç ​​noktası istiyorsanız, Kernel.css bu iş için mükemmeldir.

Bu makalede web projesinde kullanabileceğiniz, boyutunun küçük ve kolay şekillendirilebilir olmasıyla seveceğiniz Kernel.css frameworkünden bahsettik. Siz de düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: boyutu küçük css kütüphanesi css framework css kütüphaneleri hafif css kernel 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

  • Sahte WhatsApp says:
    28 Mart 2018 at 21:00

    Hafif bir framework gibi geldi bana. Bir sonraki tasarımımda kullanacağım.

    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.