Temmuz 2022'de kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Temmuz ayında Firefox 103 ve Safari 15.6 kararlı hale geldi. Böylece, birkaç hoş CSS özelliğinde birlikte çalışabilme olanağına kavuştuk.
backdrop-filter
özelliği
Firefox 103, bir öğenin arkasındaki alana bulanıklaştırma gibi efektler uygulamak için kullanılan backdrop-filter
özelliğini içerir. Firefox'ta bu değerle birlikte, Safari -webkit
önekini gerektirse de artık her üç motorda da kullanılabilir.
scroll-snap-stop
özelliği
Firefox da scroll-snap-stop
özelliğini uygulamıştır. Bu özellik, bir kaydırma öğesinin olası tutturma konumlarını (normal
varsayılan değeriyle) veya ilke tutturulup tutturulmayacağını (always
değeriyle) kontrol etmenizi sağlar. scroll-snap-stop
özelliği artık üç tarayıcı motorunda da kullanılabilir.
Safari 15.6, çoğunlukla sorunları çözmeye odaklanan bir sürümdü ancak :modal
sahte sınıfıyla bir yeni CSS özelliği getiriyordu. Bu özellik Firefox 103 sürümünde de sunulmuştur. :modal
sözde sınıfı, bir öğe kapatılana kadar bu öğenin dışındaki hiçbir şeyle etkileşimde bulunulamadığında söz konusu öğeyi seçer. Örneğin, showModal()
ile açılmış bir dialog
öğesi.
Beta tarayıcı sürümleri
Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde olacak öğelerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı.
Yayın tarihleri ayın hemen dışında olduğu için Haziran ayındaki tek yeni beta sürümü Firefox 104'tü.
Firefox 104'e, Web İşçileri'ndeki CSS Yazı Tipi Yükleme API'si ve birden fazla animasyon aynı anda aynı özelliği etkilediğinde kullanılan oluşturma işlemini tanımlayan CSS animation-composition
özelliği dahildir.
Geçen ay bahsedilen Safari 16 beta sürümü de hâlâ çalışıyor.
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Web'de yeniler serisinin bir parçası