CSS Gap Dekorasyonları, random() ve Select Alanı Boyutlandırma: Web Geliştirmede Yeni Dönem

Yoğun geçen haftalarda tarayıcı güncellemeleri az olsa da web geliştirme dünyasında önemli yenilikler yaşandı. Heydon Pickering'in Hyperblam aracı, Web Audio API'sini HTML ve Web Bileşenleri ile kullanarak JavaScript olmadan müzik oluşturmayı sağlıyor. Ayrıca CSS Quake, PolyCSS ile 1996 yapımı klasik oyun Quake'in CSS sürümü olarak karşımıza çıktı. CSS DOOM'un da yakın zamanda yayınlanmasıyla bu iki proje, CSS'in sınırlarını zorluyor.

Temani Afif, CSS Gap Dekorasyonları konusunda kapsamlı bir rehber sunarak flexbox, grid ve çoklu sütun düzenlerinde boşlukların nasıl stillendirilebileceğini gösterdi. Bu özellik uzun süredir bekleniyordu ve Temani'nin çalışmaları, boşluk dekorasyonlarının neler başarabileceğini gözler önüne seriyor. Ayrıca Polypane, CSS random() fonksiyonu ile ilgili deneylerini paylaştı. Safari dışında henüz hiçbir tarayıcıda desteklenmeyen bu fonksiyon, bokeh efekti, düşen yapraklar, dağınık polaroid yığınları ve animasyonlu aurora gibi yaratıcı kullanımlara imkan tanıyor.

Manuel Matuzović, elemanlarının genişliğini seçili seçeneğe göre ayarlamak için field-sizing: content özelliğini tanıttı. Firefox 152 ile Baseline statüsüne kavuşan bu özellik, gibi bir boyut belirtildiğinde tüm seçenekleri göstermeyi sağlıyor. Una Kravets ise modern CSS temalandırma konusunda @property, light-dark(), contrast-color() ve @container style() gibi yeni özelliklerin bir arada nasıl çalıştığını açıkladı. Tüm bu özellikler de yakın zamanda Baseline'a eklendi.

Nasıl Önlem Alınmalı?

Bramus, web sitelerinin herkes için aynı şekilde çalışması gerekmediğini vurguladı. Farklı platformlar farklı girdi yöntemleri kullanır ve kullanıcılar ikincil bir yöntemi tercih edebilir. Bu nedenle web sitelerini tüm platformlarda aynı yapma fikrinden vazgeçilmesi gerektiğini belirtti. Ayrıca interest invokers, overscroll actions ve Document Picture-in-Picture API gibi özelliklerin platforma göre farklı işlemesi gerektiğini ifade etti. Web Engines Hackfest'te Marina Aísa, web motorları ve standartları üzerine iki günlük etkinliği belgeledi ve erişilebilirlik konusunda tarayıcıların yapabileceklerini tartıştı.