Kolorado'nun Denver şehrinde yaşayan bir yazar, sanatçı ve web geliştiricisi Miriam Suzanne, Kapsayıcı Sorguları ve Basamak Katmanları gibi heyecan verici CSS özellikleri üzerinde çalışıyor.
Bu yayın Tasarımcember'in bir parçasıdır. web.dev tarafından sunulan web tasarımı kutlu olsun.
Miriam Suzanne, Denver, Colorado'da çalışan bir yazar, sanatçı ve web geliştiricisidir. OddBird'ün (web ajansı) kurucu ortağı, CSS Tricks'te yazarlık yazarı, Sass çekirdek ekibinin üyesi ve CSS Çalışma Grubu'nda W3C Davet Edilen Uzmandır. Son zamanlarda Basamaklı Katmanlar, Kapsayıcı Sorguları ve Kapsam gibi yeni CSS özellikleri geliştirmeye odaklandı. Çevrimdışı, Miriam yayınlanmış bir roman yazarı, oyun yazarı ve müzisyen. Sass ve CSS ile yaptığı çalışmalar hakkında konuştuk.
Rachel: Çalışmanızı ilk kez şema çerçeveniz Susy'den öğrendim. Bunu oluşturmanıza ne sebep oldu?
Miriam: 2008'de web'deki düzen çok farklı bir deneyimdi. Geliştiriciler, tablo düzeninden daha anlamlı (ama hâlâ akıcı) kayan ızgaralara geçmişti. Herkese uyan tek boyutlu 12 sütunlu "ızgara çerçevelerinde" büyük bir artış yaşandı. Bu sayede önceden tanımlanmış bir dizi CSS sınıfının yer aldığı önceden tanımlı (genellikle statik) bir ızgara ortaya çıktı. Daha fazla özelleştirilebilir bir şeye ihtiyacınız varsa bunu kendi başınıza yaptınız. Web sitelerinin daha duyarlı hale gelmesi gerektiği aşikardır, ancak medya sorguları henüz mevcut değildi ve değişken kayan sayfalarla ilgili bir dizi tarayıcı uyumluluğu sorunu vardı.
Natalie Downe'nin CSS Sistemleri yaklaşımını kullanıyordum. Bu yaklaşım, hem yazı tipi hem de görüntü alanı boyutlarına yanıt verme konusunda zekiceydi, ancak tekrar eden matematik işlemleri ve tarayıcı korsanlığı beni hayal kırıklığına uğrattı. Bir yandan da Sass dikkat çekmeye başlamıştı ve ihtiyacım olan şeylerle tam olarak uyumluydu. Susy'nin ilk taslağı çok basitti: Matematik yapmak ve ihtiyacım olan ipuçlarını eklemek için birkaç karışımdan ibaretti. Hedef, minimum seviyede olmak ve yalnızca gerekli kodun üretilmesiydi. Önceden tanımlanmış herhangi bir sınıf olmadan, tamamen özelleştirilebilir ızgaralar.
Rachel: Bir CSS ön işlemcisi üzerinde çalışmaktan CSS spesifikasyonları üzerinde çalışmaya nasıl geçiş yaptınız? Sizce ön işlemci üzerinde çalışmak spesifikasyon yazmak için iyi bir arka plandı mı?
Miriam: Deneyimlerime göre çok fazla örtüşme var ve bu ayrımın her iki tarafında da hâlâ çok aktifim. Ancak bunun en büyük nedeni, web standartlarıyla sorunsuz bir şekilde entegre olan araçlar geliştirmeye çalışan Natalie Weizenbaum'un liderliğindeki Sass ekibine bağlı. Temel web standartlarının geleceği üzerine düşünürken, herkese uygun, "fikirli" çözümlerin ötesine geçmek ve uzun vadeli esneklik kazanmak çok önemlidir.
Erişilebilirliği ve diğer önemli hususları teşvik edip kolaylaştırırken bir yandan da geliştiricilerin ihtiyaçları ve yaklaşımlarının çeşitliliğine saygı gösteren araçlar geliştirmek için ne yapabiliriz?
Rachel: CSS'ye, geleneksel olarak Sass'ın bir parçası olan işlevlerin yerini alan birçok öğe ekledik. Sass gibi bir şeyi kullanmaya devam etmek için geçerli sebepler var mı?
Miriam: Bazı kişiler için evet ama burada genel bir yanıt yok. Örneğin, değişkenleri ele alalım. Sass değişkenleri, sözlüksel olarak kapsama alınır ve listeler ve nesneler gibi düzenlenmiş veri yapıları, renk manipülasyonu vb. ile sunucuda derlenir. Bu, tarayıcıda çalıştırılması gerekmeyen tasarım sistemi mantığı için harika bir seçenektir.
CSS değişkenlerinin bazı çakışmaları vardır. Bunlar değerleri de depolayabilirler. Ancak, basamaklara dayalı güçlü ve zayıf noktalardan oluşan tamamen farklı bir grup sağlarlar. Sass, özel özellikleri ve CSS de yapılandırılmış verileri işleyemez. Her ikisi de faydalıdır ve güçlüdür, ancak özel ihtiyaçlarınız değişiklik gösterebilir.
İnsanların artık ihtiyaç duymadıkları araçları ortadan kaldırabilmesi ve bazı projelerin hem sunucu hem de istemci tarafı değişkenleri gerektirmemesi çok güzel. Süper! Ancak, bunların aynı olduğu ve birinin diğerinin yerini aldığı anlamına geldiğini varsaymak çok basittir. Dillerin temelde aynı özellikleri sunduğu noktaya gelse bile, bazı tasarım mantığının sunucu tarafında, bazılarının da istemci tarafında uygulanması için her zaman kullanım alanları olacaktır. Ön işlemciler uzun vadede bizimledir.
Rachel: Standartlar oluşturma sürecine daha fazla dahil olmanız nedeniyle sizi şaşırtan bir şey oldu mu ya da halkın genellikle bu süreçle ilgili farkında olmayabileceğini düşündüğünüz herhangi bir şey var mı?
Miriam: İşe başlamadan önce standartlar süreci gizemli ve sihirli bir kara kutu gibi hissettiydi ve ne beklemem gerektiğinden emin değildim. Tarayıcı dahili bileşenlerine katkıda bulunabilmek için yeterince bilgiye sahip olmama ihtimalimden korkuyordum. Ama gerçek şu ki daha fazla tarayıcı mühendisine ihtiyaç duymuyorlar. Vahşi doğada web siteleri ve uygulamalar oluşturan daha fazla geliştiriciye ve tasarımcıya ihtiyaç duyuyorlar.
Programa dahil olan kişilerin çok azının öncelikli olarak standartlara odaklanmasını, ancak çok azının temel olarak web sitesi geliştirmek veya tasarladığını öğrenmek beni şaşırttı. W3C, üye kuruluşların (genellikle bu kuruluşlar tarafından ödeme yapılır ancak birincil iş olarak kullanılmamaktadır) 'gönüllülerinden' oluşur ve üyelik ucuz değildir. Bu da katılımcıları gündelik tasarımcılardan ve geliştiricilerden, özellikle de küçük ajanslarda müşteri işleri yapanlardan veya serbest çalışanlardan uzaklaştırıyor. Davet edilen Uzman olarak görevim tamamen gönüllü olmak ve bu iş için dışarıdan fon bulamasaydım pahalı bir hobi olurdu.
Aslında süreç oldukça açık, herkese açıktır ve geliştiricilerin de sürece dahil olması gerekir. Ancak her zaman aynı anda gerçekleşen o kadar çok konuşma olur ki kendi yerinizi bulmak zor olabilir. Özellikle de bu sizin günlük işiniz değilse.
Rachel: Kapsayıcı sorguları, birçok web geliştiricisi için yıllardır önemli bir hedef olmuştur. Bu desteği sunduğumuz için çok heyecanlıyım. Birçok insan kapsayıcı sorgularının faydasını düşünüyor gibi hissediyorum. Onların da daha fazla yaratıcılığın kilidini açma potansiyeli olduğunu düşünüyor musunuz?
Miriam: Kesinlikle. Ama ben bunları tamamen ayrı olarak görmüyorum. Hepimizin zamanı kısıtlıdır ve sürdürülebilir, etkili kodlar yazmaya çalışıyoruz. Gerçek hayatta zorlanan bir iş olduğunda, mümkün olduğu kadar yaratıcı olma olasılığımız azalır.
Yine de, web endüstrisine artık büyük kurumsal çıkarlar hükmetmiş ve bu nedenle işle ilgili endişeler her zaman web sanatçılarından daha fazla yayın almaktadır. Özellikler için birincil kullanım alanı olarak web'deki yaratıcılığı göz ardı edersek çok şey kaybederiz. CSS sanat ekibinden bazılarının container sorgu prototipiyle oynadığını görmek beni çok heyecanlandırıyor. Jhey Tompkins, CSS panjurlarını eski CSS karşıtı meme'in anlatımı olarak oldukça zekice ve etkileşimli bir şekilde tanıttı. Bence bu alanda keşfedilecek daha pek çok şey var ve insanların başka neler bulduğunu görmek için sabırsızlanıyorum.
Konuşma, orijinal kullanım alanında olduğu gibi boyuta dayalı sorgulara da odaklandı. Ancak kullanıcıların stil sorgularıyla, bir CSS özelliğinin veya değişkeninin değerine dayalı koşullu stiller yazma yeteneğiyle neler yaptığını görmek için sabırsızlanıyorum. Son derece güçlü bir özellik olan bu özellik henüz keşfedilmedi. Bence bu, bize daha fazla yaratıcı fırsat yaratıyor.
Rachel: CSS'de bizim yapamadığımız (veya ileride uygulayabileceğimiz bir yöntemi) faydalı olacağını düşündüğünüz herhangi bir şey var mı?
Miriam: Üzerinde çalıştığım diğer teknik özellikler konusunda da çok heyecanlıyım. Basamaklı katmanlar, yazarlara belirlilik sorunları üzerinde daha fazla kontrol sağlar. Kapsam ise daha hassas seçici hedefleme konusunda yardımcı olacaktır. Fakat bunların her ikisi de üst düzey mimari meseleler. İçimdeki sanatçı, medya ya da kapsayıcı ayrılma noktaları arasında değerleri sorunsuz bir şekilde geçirmemize olanak tanıyan CSS geçişleri, etkileşimli stiller oluşturmanın bildirimsel bir yolu veya kapsayıcı "zaman çizelgeleri" gibi şeyler konusunda daha çok heyecanlı. Bunun duyarlı tipografi için çok pratik çıkarımları olmasının yanı sıra duyarlı sanat ve animasyon için de pek çok yaratıcı fırsatın önünü açacaktır.
Rachel: Şu anda web'de gerçekten ilginç, eğlenceli veya yaratıcı işler yapan başka kim var?
Miriam: Buna nasıl yanıt vereceğimi bile bilmiyorum. Böyle farklı alanlarda yaratıcı işler yapan pek çok insan var. Hem CSSWG hem de Open-UI tarafından hazırlanan birçok heyecan verici standart mevcuttur. Parçalama üzerindeki bazı çalışmalarınız bu standartlar arasındadır. Ancak genellikle en çok web sanatçılarından ilham alıyorum ve insanların bu araçları ticaretle doğrudan bağlantılı olmayan bir şekilde üretime nasıl soktuğunu görüyorum. Jhey, Lynn Fisher, Yuan Chuan veya web teknolojilerinin görsel ve etkileşimli olarak yapabileceklerinin sınırlarını zorlayan birçok isim. Daha çok iş odaklı çalışmalar yapan insanlar bile sanatsal tekniklerinden çok şey öğrenebilirler.
Bizi web'den, özellikle de sosyal medyadan ne istediğimizi tekrar gözden geçirmeye ısrar eden Ben Grosser gibi kişilerin web sanatına dair daha kavramsal çalışmaları da takdir ediyorum. Örneğin yeni minus.social kanalına göz atın.
Rachel: css.oddbird.net adresinden Miriam'ın CSS üzerindeki çalışmalarını takip edin ve miriam.codes ve Twitter @TerribleMia adresindeki web sitesinde başka neler yaptığını öğrenin.