Bu hafta CSS dünyasında oldukça heyecan verici gelişmeler yaşandı. Özellikle @function özelliği, CSS'in geleceğini şekillendirecek en büyük yeniliklerden biri olarak öne çıkıyor. Jane Ori, CSS fonksiyonlarının nasıl çalıştığını adım adım anlatan kapsamlı bir rehber yayınladı. @function'ın bu yıl Baseline statüsüne ulaşması bekleniyor, bu da web geliştiriciler için büyük bir dönüm noktası olacak. Ayrıca Declan Chidlow, @function için resmi dokümantasyonu hazırlayarak hızlı başvuru kaynağı oluşturdu.
Bir diğer dikkat çekici yenilik ise alpha() fonksiyonu. Bu fonksiyon, CSS değişkenleri ile çalışırken renklerin opaklık değerini değiştirmeyi kolaylaştırıyor. Daha önce oklch() gibi fonksiyonlarla uğraşmak gerekirken, alpha() sayesinde sadece tek bir satırda işlem yapabiliyoruz. Jason Leo'nun da belirttiği gibi, bu fonksiyon renk formatından bağımsız olarak niyeti net bir şekilde ifade ediyor ve kod tekrarını azaltıyor. Örneğin, 'alpha(from var(--color) / 0.5)' kullanarak hem okunabilirliği artırıyor hem de daha kısa kod yazıyoruz.
WebKit, Grid Lanes için kapsamlı bir rehber yayınladı. Daha önce CSS masonry layout olarak bilinen bu özellik, CSS-Tricks rehberlerine benzer bir yapıda sunuluyor. Rehber, temel kavramlardan gerçek dünya örneklerine kadar geniş bir yelpazede bilgi içeriyor. Özellikle karmaşık grid düzenlerini daha esnek ve okunabilir hale getirmek isteyenler için bu rehber büyük bir kaynak olacak.
önemli kalite iyileştirmeleri duyuruldu. Una Kravets, 'closedby' özelliğini ve 'overscroll-behavior: contain' kullanımını anlattı. closedby özelliği, diyaloğun kapatılmasını kolaylaştırırken, overscroll-behavior taşma davranışını kontrol ediyor. Ayrıca scrollbar-gutter: stable ile kaydırma çubuğu kaynaklı düzen değişikliklerinin önüne geçilebiliyor. Chris Coyier ise
CSS Day 2026 konferansı Amsterdam'da gerçekleşti. Canlı yayın olmasa da, kayıtların haziran sonunda yayınlanması bekleniyor. Etkinlikte CSS'in geleceği üzerine önemli tartışmalar yapıldı ve birçok yeni özellik tanıtıldı. Konferansın ardından CSS topluluğu, özellikle @function ve alpha() gibi yenilikler üzerinde yoğunlaştı.
Nasıl Önlem Alınmalı?
Son olarak, Sunkanmi Fafowora'nın CSS Wordle oyunu büyük ilgi gördü. Bu oyun, CSS bilgilerinizi eğlenceli bir şekilde test etmenizi sağlıyor. Her gün yeni bir bulmaca ile karşınıza çıkan oyun, CSS özelliklerini ve değerlerini öğrenmek için harika bir araç. Bu haftanın yoğunluğundan sonra biraz eğlenmek isteyenler için ideal bir seçenek.
Kaynak: css-tricks.com
