Miriam Suzanne, Denver, Colorado'da yaşayan bir yazar, sanatçı ve web geliştiricidir. Şu anda Container Queries ve Cascade Layers gibi heyecan verici CSS spesifikasyonları üzerinde çalışmaktadır.
Bu yayın, Designcember'ın bir parçasıdır. web.dev tarafından sunulan web tasarımının kutlanması.
Miriam Suzanne, Denver, Colorado'da yaşayan bir yazar, sanatçı ve web geliştiricidir. OddBird'ün (bir web ajansı) kurucu ortağı, CSS Tricks'in yazarlarından, Sass çekirdek ekibinin üyesi ve CSS Çalışma Grubu'nda W3C Davetli Uzmanı'dır. Son zamanlarda Cascade Layers, Container Queries ve Scope gibi yeni CSS özellikleri geliştirmeye odaklanıyor. Miriam, çevrimdışı olarak yayınlanmış bir romancı, oyun yazarı ve müzisyendir. Sass ve CSS ile yaptığı çalışmalar hakkında konuştuk.
Rachel: Çalışmalarınızı ilk olarak ızgara çerçeveleriniz sayesinde öğrendim. Susy, bu çerçeveleri oluşturmaya nasıl karar verdiniz?
Miriam: 2008'de web'deki düzen çok farklı bir deneyimdi. Geliştiriciler, tablo düzeninden daha anlamlı (ancak yine de hack'li) kayan ızgaralara geçmişti. Önceden tanımlanmış bir CSS sınıfı kümesiyle önceden tanımlanmış (genellikle statik) bir ızgara sağlayan, herkese uyan 12 sütunlu "ızgara çerçevelerinde" bir patlama yaşandı. Daha fazla özelleştirme seçeneğine ihtiyacınız olduğunda ise kendi başınıza kalıyordunuz. Web sitelerinin daha duyarlı hale gelmesi gerektiği açıktı ancak henüz medya sorguları kullanılamıyordu ve kayan öğelerle ilgili bir sürü tarayıcı uyumluluğu sorunu vardı.
Natalie Downe'un hem yazı tipi hem de görüntü alanı boyutlarına yanıt verme konusunda akıllıca bir yaklaşım olan CSS Sistemleri'ni kullanıyordum ancak tekrarlanan matematik işlemleri ve tarayıcı hack'leri beni hayal kırıklığına uğratıyordu. Aynı zamanda Sass da ilgi görmeye başlamıştı ve ihtiyaçlarımı mükemmel şekilde karşılıyordu. Susy'nin ilk taslağı çok basitti: sadece matematik işlemini yapacak ve ihtiyacım olan çözümleri ekleyecek birkaç mixin. Amaç, yalnızca temel kodu çıkaran minimal bir yapı oluşturmaktı. Önceden tanımlanmış sınıflar olmadan tamamen özelleştirilebilir ızgaralar.
Rachel: CSS ön işlemcisi üzerinde çalışmaktan CSS spesifikasyonları üzerinde çalışmaya nasıl geçiş yaptınız? Ön işlemci üzerinde çalışmanın, spesifikasyon yazma konusunda iyi bir temel oluşturduğunu düşünüyor musunuz?
Miriam: Benim deneyimime göre bu iki taraf arasında çok fazla ortak nokta var ve ben hâlâ bu ayrımın her iki tarafında da çok aktifim. Ancak bunun büyük ölçüde, özellikle Natalie Weizenbaum'un liderliğindeki Sass ekibinin uzun vadeli bir bakış açısıyla web standartlarının geliştirilmesiyle sorunsuz bir şekilde entegre olan araçlar geliştirmeye çalışmasından kaynaklandığını düşünüyorum. Temel web standartlarının geleceğini düşünürken herkese uyan "fikir sahibi" çözümlerin ötesine geçmek ve uzun vadeli esneklik için geliştirmeler yapmak çok önemlidir.
Geliştiricilerin ihtiyaç ve yaklaşımlarındaki çeşitliliğe saygı gösteren, aynı zamanda erişilebilirliği ve diğer önemli hususları teşvik edip kolaylaştıran araçları nasıl oluşturabiliriz?
Rachel: CSS'ye, geleneksel olarak Sass'ın bir parçası olan işlevlerin yerini alan bir dizi özellik ekliyoruz. Sass gibi bir şeyi kullanmaya devam etmek için geçerli nedenler var mı?
Miriam: Evet, bazı kişiler için geçerli ancak bu konuda genel bir yanıt yok. Örneğin değişkenleri ele alalım. Sass değişkenleri sözcüksel olarak kapsamlıdır ve sunucuda derlenir. Listeler ve nesneler gibi düzenli veri yapıları, renk manipülasyonu vb. içerir. Bu, tarayıcıda çalışması gerekmeyen tasarım sistemi mantığı için idealdir.
CSS değişkenleri bazı açılardan örtüşür ve değerleri depolayabilir ancak tamamen farklı bir dizi basamaklı stil sayfası tabanlı güçlü ve zayıf yön sunar. Sass, özel özellikleri işleyemez ve CSS, yapılandırılmış verileri gerçekten işleyemez. Her ikisi de faydalı ve güçlüdür ancak özel ihtiyaçlarınız farklılık gösterebilir.
Kullanıcıların artık ihtiyaç duymadıkları araçları ortadan kaldırabilmesi harika bir özellik. Bazı projelerde hem sunucu hem de istemci tarafı değişkenleri gerekli olmayabilir. Harika! Ancak bu, ikisinin aynı olduğu ve birinin diğerinin yerine geçtiği anlamına gelmez. Diller temelde aynı özellikleri sağlasa bile bazı tasarım mantıklarının sunucu tarafında, bazılarının ise istemci tarafında gerçekleşmesi gereken kullanım alanları her zaman olacaktır. Ön işlemciler uzun vadede bizimle olacak.
Rachel: Standart oluşturma çalışmalarına daha fazla dahil oldukça sizi şaşırtan bir şey oldu mu veya genel olarak insanların süreçle ilgili farkında olmayabileceğini düşündüğünüz bir şey var mı?
Miriam: Standartlar süreci, dahil olmadan önce gizemli ve sihirli bir kara kutu gibiydi ve ne bekleyeceğimi bilmiyordum. Katkıda bulunmak için tarayıcı iç işleyişi hakkında yeterli bilgiye sahip olmayabileceğimden korkuyordum ancak gerçek şu ki daha fazla tarayıcı mühendisine ihtiyaçları yok. Bu kişiler, web siteleri ve uygulamalar geliştiren daha fazla geliştiriciye ve tasarımcıya ihtiyaç duyuyor.
İlgili kişilerin çok azının öncelikli olarak standartlara odaklandığını, ancak çok azının da öncelikli olarak web siteleri geliştirdiğini veya tasarladığını görmek beni şaşırttı. W3C, üye kuruluşlardaki "gönüllülerden" (genellikle bu kuruluşlar tarafından ödeme yapılır ancak bu kişiler için W3C'de çalışmak birincil işleri değildir) oluşur ve üyelik ucuz değildir. Bu durum, katılımcıları günlük tasarımcı ve geliştiricilerden, özellikle de küçük ajanslarda müşteri işleri yapan veya serbest çalışanlardan uzaklaştırıyor. Davetli Uzman olarak rolüm, bu çalışma için dış kaynaklı fon bulmasaydım tamamen gönüllülük esasına dayalı ve pahalı bir hobi olurdu.
Aslında süreç oldukça açık ve herkese açıktır ve geliştiricilerin katılımını gerektirir. Ancak aynı anda çok fazla görüşme yapıldığından yerinizi bulmak zor olabilir. Özellikle de bu işi tam zamanlı olarak yapmıyorsanız.
Rachel: Kapsayıcı sorguları, uzun yıllardır birçok web geliştiricinin en çok istediği özellik oldu. Bu ödülleri aldığımız için çok heyecanlıyız. Birçok kişinin kapsayıcı sorgularının faydası hakkında düşündüğünü hissediyorum. Bu sorguların yaratıcılığı da artırma potansiyeli olduğunu düşünüyor musunuz?
Miriam: Kesinlikle. Ancak bunları tamamen ayrı olarak görmüyorum. Hepimizin sınırlı zamanı var ve sürdürülebilir, yüksek performanslı kod yazmaya çalışıyoruz. Pratikte yapılması zor olan şeylerde yaratıcılığımızı kullanma olasılığımız düşüktür.
Ancak web sektörü artık büyük kurumsal çıkarların hakimiyetinde olduğundan bu işletme endişeleri, web sanatçılarından her zaman daha fazla yer buluyor. Web'de yaratıcılığı özelliklerin birincil kullanım alanı olarak görmezsek çok şey kaybedeceğimizi düşünüyorum. CSS sanatıyla ilgilenen bazı kişilerin kapsayıcı sorgusu prototipiyle oynadığını görmek beni çok heyecanlandırdı. Jhey Tompkins, eski CSS karşıtı meme'e yorum olarak CSS jaluzilerinin özellikle akıllıca ve etkileşimli bir demosunu oluşturdu. Bu alanda keşfedilecek daha çok şey olduğunu düşünüyorum ve kullanıcıların başka neler yapacağını görmek için sabırsızlanıyorum.
Orijinal kullanım alanı olarak boyut tabanlı sorgulara da odaklanıldı. Ancak kullanıcıların stil sorgularıyla neler yapacağını görmek için sabırsızlanıyorum. Stil sorguları, bir CSS özelliği veya değişkeninin değerine göre koşullu stiller yazma olanağı sunuyor. Bu son derece güçlü bir özellik olup şu ana kadar büyük ölçüde keşfedilmemiştir. Bu sayede daha da fazla yaratıcı fırsat elde edeceğinizi düşünüyoruz.
Rachel: CSS'de yapamadığımız (veya yakında yapabileceğimiz) ve faydalı olacağını düşündüğünüz bir şey var mı?
Miriam: Üzerinde çalıştığım diğer bazı özellikler de beni çok heyecanlandırıyor. Basamaklı katmanlar, yazarlara özgüllük sorunları üzerinde daha fazla kontrol imkanı tanıyacak. Kapsam ise seçici hedeflemeyi daha hassas hale getirecek. Ancak bunların ikisi de üst düzey mimari sorunlardır. İçimdeki sanatçı, CSS açma/kapatma düğmeleri, etkileşimli stiller oluşturmanın bildirimsel bir yolu veya kapsayıcı "zaman çizelgeleri" gibi özellikler için daha heyecanlı. Bu özellikler, değerleri medya veya kapsayıcı kesme noktaları arasında sorunsuz bir şekilde geçirmemize olanak tanıyor. Bu durum, duyarlı tipografi açısından çok pratik sonuçlar doğurur ancak duyarlı sanat ve animasyon için de birçok yaratıcı fırsat sunar.
Rachel: Şu anda web'de gerçekten ilginç, eğlenceli veya yaratıcı çalışmalar yapan başka kimler var?
Miriam: Bu soruya nasıl yanıt vereceğimi bile bilmiyorum. Çünkü çok farklı alanlarda yaratıcı çalışmalar yapan çok sayıda insan var. CSSWG ve Open-UI, parçalanma konusundaki çalışmalarınız da dahil olmak üzere heyecan verici birçok standart üzerinde çalışıyor. Ancak en çok ilhamı web sanatçılarından ve insanların bu araçları ticarete doğrudan bağlı olmayan şekillerde üretime nasıl dahil ettiğinden alıyorum. Jhey, Lynn Fisher, Yuan Chuan gibi veya web teknolojilerinin görsel ve etkileşimli olarak yapabileceklerinin sınırlarını zorlayan daha birçok kişi. İş odaklı çalışmalar yapanlar bile sanatçıların tekniklerinden çok şey öğrenebilir.
Ayrıca, özellikle web'den ve sosyal medyadan ne istediğimizi yeniden düşünmemiz için bizi sürekli zorlayan Ben Grosser gibi kişilerin daha kavramsal web sanatını da takdir ediyorum. Örneğin, yeni minus.social sayfasına göz atın.
Rachel: Meryem'in css.oddbird.net adresindeki CSS ile ilgili çalışmalarını takip edebilir, miriam.codes adresindeki web sitesi ve @TerribleMia adresindeki Twitter hesabı üzerinden diğer çalışmalarını öğrenebilirsiniz.