CSS in JS’i Yeniden Düşünmek
(dev.to)CSS, kullanıcı arayüzlerini hem estetik hem de işlevsel hale getiren temel bir unsurdur; ancak ölçek büyüdükçe CSS yönetimi giderek daha zor bir işe dönüşür.
Stil çakışmaları, performans düşüşü ve bakım zorlukları birçok geliştiriciyi zorlar.
Bu yazı, bu sorunları çözmeye yönelik yeni bir yaklaşımı, özellikle de CSS in JS’i ayrıntılı biçimde ele alıyor.
CSS’nin tarihsel arka planından modern stillendirme yöntemlerine ve geleceğin tasarım sistemlerine kadar geniş bir konu yelpazesini kapsıyor.
Yazının yapısı şu şekilde:
- JS’de CSS’nin tanımı ve arka planı
1. JS’de CSS nedir?
2. JS’de CSS’nin arka planı - CSS ve tasarımın tarihsel bağlamı
3. CSS’nin arka planı
4. Tasarımın arka planı
5. Tasarım sistemlerinin arka planı - Stil yönetimi yöntemlerinin analizi ve yeni bir öneri
6. Stil yönetimi nasıl yapılıyordu?
7. Stiller nasıl yönetilmelidir? - JS’de CSS için somut uygulama planı
8. Neden JS’de CSS var?
9. mincho projesine giriş
10. JS’de CSS dostu CSS
11. JS’de ölçeklenebilir CSS - Tasarım sistemleriyle entegrasyon
12. Tasarım sistemleri için JS’de CSS
Özellikle bu yazı, SCALE CSS metodolojisini ve StyleStack adlı yeni bir kavramı tanıtıyor; bunları temel alarak mincho projesini öneriyor. Amaç, CSS dostu ve ölçeklenebilir CSS’yi JS içinde hayata geçirmek.
Bu yazının nihai amacı, geliştiricilere, tasarımcılara ve diğer web projesi paydaşlarına daha iyi stillendirme çözümlerinin mümkün olduğunu göstermektir.
Uzun bir yazı olsa da okuduğunuz için teşekkürler.
3 yorum
Projeye destek veren bir görüş olmadığı için üzgünüm ama bence frontend sektörünün biraz daha uzun vadeli bir bakışla, daha geniş ölçekte uzlaşılan araçlar ya da konvansiyonlar oluşturması gerekmiyor mu? SCSS, LESS, AngularJS, Angular 2.0, React gibi epeyce stack deneyimi olan biri olarak, frontend’teki yeni teknolojiler bana gereğinden fazla over-engineering yapılmış ve yıpratıcı geliyor.
Web’de uzlaşı söz konusuysa, web standartları vardır. CSS’e SCSS benzeri iç içe geçme yapılarının eklenmesi, class’lar, fonksiyonel programlama yöntemleri, web component’ler gibi konular sürekli tartışılıyor ve yeni özellikler ekleniyor.
Bence frontend’in kendisi dallanıp budaklanalı çok olmadı, bu yüzden şunu bunu deniyor gibiyiz.
React, Vue gibi kütüphanelerden başlayıp bundler, linter gibi araçlara kadar genel olarak böyle.
Üstelik uygulama alanından farklı olarak en iyi pratikleri tek bir şirketin belirleyip yaydığı bir yapı da olmadığından, kafa karışıklığı daha büyük gibi görünüyor!!