Çarşamba 22 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. Vital CSS Nedir ? Basit Web Framework
 Vital CSS Nedir ? Basit Web Framework
Arayüz CSS

Vital CSS Nedir ? Basit Web Framework

Yazar : Bilal UÇAR 16 Mart 2017 2 Comments

Vital CSS yeni bir Web Framework’tür. Bootsrap’ ta olan Javascriptler atılmış basit, sade bir CSS Framewrok elde edilmiş. Hızlıca kullanabileceğiniz bir CSS arıyorsanız Vital CSS tam size göre.

[mks_icon icon=”fa-thumbs-up” color=”#ec5743″ type=”fa”] Okuma Önerisi: Reset CSS ve Normalize CSS Farkları

Bootstrap’ın sadece CSS dosyası 118 KB boyutundadır. Vital neredeyse Bootstrap’ın 1/4 boyutundadır. Proje için hızlı bir çözüme ihtiyaç duyan geliştiriciler için oluşturulmuştur.

Vital tamamen açık kaynak kodlu bir Framework’tür. GitHub‘da kaynak kodları mevcuttur, inceleyebilirsiniz.

En yeni sürümünü web sayfasından indirebilirsiniz. Bunlar arasında CSS kodu ve özel simge fontları bulunmaktadır. Ayrıca GitHub sayfasında birçok HTML ve CSS demoları mevcuttur.

Bileşenler

Vital CSS Framework ’ünde bulunan bazı bileşenler:
Izgaralar
Izgaralar sayesinde ihtiyacınız kadar satın ve sütun ayarlarını kolaylıkla yapabiliyorsunuz. İsterseniz otomatik ızgarayı da kullanabilirsiniz. Farklı tasarımlar için ızgaraları kullanabilirsiniz.

Bildirim
Bildirim için standart bir kullanıcı arayüzü.

Butonlar

Butonlar için birkaç boyut, şekil ve dolgu seçeneği.

Form
Çapraz platform tutarlılığını sağlamak için formun tamamı farklı tarayıcılarda aynı görünecek şekilde şekillendirilmiştir.

 
Diğer
Dokümantasyonunu yani ızgaralar, tipografi, butonlar, tablolar, form girdileri ve daha fazlasını ise yine kendi sitesinde bulunan Components sayfasından ulaşabilirsiniz.

Vital ‘in kendi sitesinde kuş tüyü kadar hafif olduğundan bahsediliyor. Vital CSS Framework ‘ü toplamda 24 KB ‘tır. Gzipped hali ise 6 KB ‘a kadar düşüyor. Hızlı bir şekilde yüklenip kurulabilir.

Basit işlerinizde Bootstrap kullanmak yerine Vital CSS kullanabilirsiniz. Bu sayede hem hız hem de yer sıkıntısından kurtulmuş olursunuz. Bu konu hakkındaki görüşlerinizi yorum olarak bizlerle paylaşabilirsiniz.

Etiketler: vital css nedir vital framework vital framework nasıl kullanılır vital nedir
Ö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.

2 Yorumlar

  • Ahmet says:
    16 Mart 2017 at 20:44

    Bu frameworkü derlemeden nasıl kullanabilirim acaba daha önce hiç ruby kullanmadım derlenmiş halini de site göremedim.

    Reply
    • Bilal UÇAR says:
      17 Mart 2017 at 09:28

      Derlenmiş halini Vital CSS sitesindeki Get Started sayfasında bulabilirsiniz.

      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.