CSS'de @function, alpha() ve CSS Wordle: Bu Haftanın Öne Çıkanları Linux

CSS'de @function, alpha() ve CSS Wordle: Bu Haftanın Öne Çıkanları

CSS dünyasında bu hafta @function, alpha(), Grid Lanes, <dialog> güncellemeleri ve CSS Wordle öne çıkıyor. İşte detaylar.

CSS fonksiyonları, web geliştiricilerinin sıklıkla kullandığı yapı taşlarıdır, ancak @function gibi yenilikler bazen göz korkutucu olabilir. Jane Ori, CSS fonksiyonlarının nasıl çalıştığını adım adım açıklayan kapsamlı bir rehber hazırladı. Bu rehber, @function'ı anlamayı kolaylaştırıyor ve bu yıl Baseline'a eklenmesi beklenen en büyük CSS özelliklerinden biri olarak öne çıkıyor. Ayrıca Declan Chidlow, @function için hızlı başvuru amacıyla yer imlerine eklenebilecek bir dokümantasyon hazırladı.

Fonksiyonlar konusuna devam edersek, alpha() fonksiyonu birçok kişiyi şaşırttı. İlk bakışta gereksiz gibi görünse de, Jason Leo'nun belirttiği gibi, alpha() renk değişkenlerini kullanırken saydamlık ayarlamayı çok daha kolaylaştırıyor. Önceden renk değerlerini doğrudan CSS değişkenlerine yazmak zorundayken, alpha() ile hem değişkenler esnek kalıyor hem de kod daha kısa ve anlaşılır oluyor. Örneğin, `alpha(from var(--color) / 0.5)` ifadesi, `oklch(from var(--color) l c h / 0.5)`'e göre hem daha kısa hem de amacı daha net iletiyor.

WebKit, daha önce CSS masonry layout olarak bilinen Grid Lanes için bir rehber yayınladı. Bu rehber, CSS-Tricks rehberlerine benzer şekilde, temel ve gerçek dünya demolarıyla konuyu yumuşak bir girişle ele alıyor. Ayrıca

elementi için kalite iyileştirmeleri de gündemde. Una Kravets, yeni `closedby` özelliği ve `overscroll-behavior: contain` gibi yeniliklerden bahsetti. Safari'de henüz desteklenmeyen `closedby`, kullanıcı deneyimini iyileştirirken, Chris Coyier ise animasyonlarının nasıl yapılacağını gösterdi.

CSS Day 2026 konferansı Amsterdam'da gerçekleşti ve kayıtların Haziran sonunda yayınlanması bekleniyor. Konferansta CSS Wordle gibi eğlenceli projeler de tanıtıldı. Sunkanmi Fafowora'nın geliştirdiği CSS Wordle, CSS bilginizi test etmenin eğlenceli bir yolu. Tüm bu gelişmeler, CSS dünyasında heyecan verici bir hafta geçirdiğimizi gösteriyor.

Paylaş: