Gerçek projeler için en iyi CSS framework’leri

yazar:

kategori:

En iyi CSS framework’ü diye bir şey yok; belirli tür projelere uyan framework’ler var. İki yüz ekranlık bir panel ile bir landing page’in neredeyse hiçbir ortak yanı yoktur.

Bu yedi seçenek, eksiksiz tasarım sisteminden takıp unutacağınız stil dosyasına kadar tüm aralığı kapsıyor.

Utility first

Tailwind CSS

Büyük bir uygulama için en güvenli seçim: CSS büyümeyi bırakır çünkü siz yazmayı bırakırsınız.

tailwindcss.com

Bileşenler

Bootstrap

Bu hafta eksiksiz ve erişilebilir bir yönetim paneli gerekiyorsa hâlâ rakipsiz.

getbootstrap.com

Bileşenler

Bulma

Bootstrap'ın okunabilirliği, JavaScript yükü olmadan: saf CSS ve kolay ezilir.

bulma.io

Tasarım token'ları

Open Props

Boşluk, renk ve gölge için hazır CSS değişkenleri, herhangi bir framework'e bağlanmadan.

open-props.style

Sınıfsız

Pico CSS

Anlamsal HTML tek bir sınıf olmadan iyi görünür; dokümantasyon ve prototipler için ideal.

picocss.com

Atomik motor

UnoCSS

İhtiyaç anında üretilen yardımcı sınıflar ve gruptaki en küçük çıktı.

unocss.dev

Tailwind bileşenleri

daisyUI

Tailwind'in üzerine gerçek bileşenler ve temalar ekler, böylece daha az işaretleme yazarsınız.

daisyui.com

Projenin ömrüne göre seçin: ne kadar uzun yaşayacaksa, hazır bileşenler yerine o kadar çok token ve yardımcı sınıf istersiniz.

Seçmek değil, kurmak mı gerekiyor?

Web uygulamaları, API'ler, altyapı ve arayüzler. Barselona'dan freelance, dünyanın her yerinden müşterilerle.

İletişime geç


Yorumlar

Leave a Reply

Your email address will not be published. Required fields are marked *