Web geliştirme dünyası son birkaç haftada yoğun bir dönem geçiriyor. Tarayıcı güncellemeleri nispeten sakin olsa da, CSS ve web platformunda birçok heyecan verici yenilik var. Bu yazıda, CSS Gap Dekorasyonları'ndan random() fonksiyonuna, select alanlarının dinamik boyutlandırılmasından modern temalama tekniklerine kadar öne çıkan gelişmeleri derledik.
Heydon Pickering'in Hyperblam projesi, Web Audio API'yi HTML ve Web Components kullanarak JavaScript olmadan müzik yapmayı mümkün kılıyor. CSS ile doğrudan ilgili olmasa da, HTML'in gücünü gösteren etkileyici bir örnek. Öte yandan, CSS Quake, PolyCSS ile Quake oyununun CSS tabanlı bir portu olarak karşımıza çıkıyor. Bu, CSS DOOM'un ardından CSS'in yeteneklerini sergileyen bir başka proje.
Temani Afif, CSS Gap Dekorasyonları konusunda derinlemesine bir inceleme yayınladı. Flexbox, grid ve çok sütunlu düzenlerde gap ile oluşan boşlukları stilize etmenin yollarını gösterdi. Gap dekorasyonları uzun zamandır beklenen bir özellik olsa da, Temani'nin keşifleriyle neler yapılabileceği daha iyi anlaşılıyor. Özellikle geçişler ve animasyonlarla birleştirildiğinde, görsel olarak çarpıcı sonuçlar elde etmek mümkün.
Polypane, CSS random() fonksiyonu ile ilgili deneylerini paylaştı. Henüz Safari dışında hiçbir tarayıcıda desteklenmese de, random() ile bokeh efekti, düşen yapraklar, düzensiz polaroid yığınları, bir şiir ve animasyonlu aurora gibi birçok yaratıcı örnek oluşturuldu. Bu derinlemesine inceleme, random() fonksiyonunun potansiyelini gözler önüne seriyor.
Teknik Analiz
Manuel Matuzović, select elemanlarının genişliğini seçili option'a göre ayarlamak için field-sizing: content özelliğini kullanmayı gösterdi. Firefox 152 ile Baseline haline gelen bu özellik, select alanlarını daha akıcı hale getiriyor. Dikkat çeken bir nokta: size attribute'ü kullanıldığında (örneğin
Uzmanların Görüşleri
Una Kravets, modern CSS temalama konusunda kapsamlı bir rehber yayınladı. @property, light-dark(), contrast-color() ve @container style() gibi yeni özelliklerin bir arada nasıl kullanılacağını anlattı. Bu özelliklerin çoğu Baseline haline geldiği için, web sitelerinde tutarlı ve esnek temalar oluşturmak artık daha kolay. Bramus ise web sitelerinin her platformda aynı şekilde çalışması gerekmediğini savunuyor. Farklı giriş yöntemleri ve platform özellikleri göz önünde bulundurarak, interest invokers, overscroll actions ve Document Picture-in-Picture API gibi özelliklerin platforma göre farklı davranması gerektiğini vurguluyor.
Web Engines Hackfest etkinliği, A Coruña'da düzenlendi. Marina Aísa'nın etkinlik notları, web motorları ve standartları üzerine yapılan tartışmaları özetliyor. Etkinlik, Galiçya ormanında bir yürüyüşle başlayıp, duvar tırmanışı ve web erişilebilirliği üzerine oturumlarla devam etti. Son olarak, Chrome 150'nin yakında yayınlanacağı ve yeni web platformu özelliklerinin Quick Hits bölümünde paylaşılacağı belirtildi. Web geliştiricileri için heyecan verici günler bizi bekliyor.
Kaynak: css-tricks.com
