CSS Refraction Effects ve Scroll State Queries: Neler Geldi?

What's!important #19 CSS dünyasında bir süre ara verildikten sonra geri dönüş yaptı ve bu sefer dolu bir sayı. Hiatus döneminde kaçırdığın şeyleri toplu olarak bulabilirsin burada.

Refraction effects CSS'de artık daha ciddiye alınıyor. Tarayıcılar ışık kırılması efektlerini desteklemeye başladı ve bu sayede web tasarımcılar gerçekçi cam, su ve benzeri şeffaf materyallerin görünümünü CSS ile sağlayabiliyor. Henüz deneysel aşamada olsa da, bu tür efektler mobil ve masaüstü deneyimini daha dinamik hale getiriyor.

Scroll state queries ise kullanıcının sayfada nerede olduğunu CSS'den doğrudan sorgulamaya izin veriyor. Daha önce JavaScript'e bağımlı kaldığımız scroll pozisyonu tespiti şimdi CSS içinde yapılabiliyor. Örneğin sayfa aşağı kaydırıldığında bir öğeyi gizlemek ya da stil değiştirmek artık daha basit.

@custom-media ise media queries'i özelleştirme imkanı veriyor. Tekrar eden breakpoint'leri tanımlamak yerine, kendi custom media query'lerini oluşturup projede yeniden kullanabilirsin. Kod tekrarını azaltıyor ve bakımı kolaylaştırıyor.

Bu değişikliklerin çoğu henüz tarayıcı desteği açısından sınırlı olsa da, gelecek aylar içinde daha yaygın hale geleceği bekleniyor. Eğer modern CSS özelliklerini takip ediyorsan, bu özellikleri deneysel ortamlarda test etmeye başlamak iyi bir fikir.