FCSS 2 doğrudan CSS sözdizimini kullanan yardımcı kütüphaneyi sundu
Öne çıkanlar
- Sınıf adları kısaltma yerine doğrudan CSS özellik ve değerlerini içeriyor.
- Kullanılmayan sınıfları ayıklayan derleme adımı dosya boyutunu birkaç kilobayta indiriyor.
- Vite, Next.js, Astro ve Angular için hazır eklentiler sunuldu.
Geliştirici Diego Lafuente, standart CSS özelliklerini doğrudan sınıf adlarına dönüştüren FCSS 2 yardımcı CSS kütüphanesini açık kaynak olarak yayımladı. Kütüphane, kısaltmalar yerine doğrudan CSS özellik ve değer adlarını kullanarak harici kılavuz ihtiyacını ortadan kaldırmayı hedefliyor. Örneğin bir elemana dolgu vermek için standart kısaltmalar yerine doğrudan ilgili kuralı yansıtan sınıf isimleri tercih ediliyor.
Sistem, yaklaşık 28 MB boyutundaki tüm sınıfları içeren çekirdek dosya ve kullanılmayan sınıfları temizleyen ayıklama aşamasından oluşuyor. Statik kaynak kodları tarayan temizleme aracı, üretim aşamasında dosya boyutunu birkaç kilobayta kadar düşürüyor. Vite, Next.js, Astro ve Angular gibi modern çatıları doğrudan destekleyen araç, Node.js 20.19 veya Bun çalışma ortamları üzerinde çalışıyor.
Kütüphane; HTML, JSX, TSX ve Angular şablonlarını tarayarak kullanılan sınıfları tespit ediyor. Vue ve Svelte desteğinin ise gelecekte ekleneceği belirtildi. Çalışma zamanı yükü barındırmayan yapı, medya sorguları ile ARIA özniteliklerini de doğrudan sınıf isimleri üzerinden yönetme imkanı sağlıyor.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.