Mart 2022'de kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Mart ayında Chrome 99, Chrome 100, Firefox 98 ve Safari 15.4 kararlı hale geldi. Bu, platforma bir dizi yeni özellik getirdi ve bu eklemelerin birçoğu, özelliğin üç tarayıcı motorunda da kullanılabilir hale gelmesi anlamına geliyordu. Bu gönderide, farklı tarayıcılarda birlikte çalışabilme olanağı sağlayan özelliklere yoğunlaşmıştım. Ancak her bir motora eklenen tüm özellikleri görmek için sürüm notlarına bakabilirsiniz.
Chrome 99 ve Safari 15.4, Cascade Katmanları'nı içermektedir. @layer
kuralı bir basamaklı katmanı tanımlayarak, belirliliği kontrol etmenize yardımcı olur. Bunlar Firefox'a katılır ve böylece Basamakla Katmanlar artık üç tarayıcı motorunda da kullanılabilir. Adım adım katmanlar tarayıcınıza geliyor bölümünde daha fazla bilgiye ulaşabilirsiniz.
Chrome 100'de, CSS mix-blend-mode özelliği için yeni plus-lighter
değeri yer alıyor. Bu değer, piksellerin tümü veya bir alt grubu aynı değerlere sahip olduğunda iki öğenin çapraz solması için kullanışlıdır. İki DOM öğesinin çapraz geçişi şu anda imkansızdır bölümünden bu yöntemin çözdüğü sorun hakkında daha fazla bilgi edinebilirsiniz.
Tarayıcı Desteği
- 100
- 100
- 99
- 9.1
Safari 15.4, CSS'nin engellenmesine olanak tanıyan contain
özelliğini içerir.
Safari 15.4'te accent-color
seçeneği de bulunmaktadır. Bu özellik, bazı form kontrollerinde kullanılan vurgu rengi üzerinde kontrol sağlar.
Firefox 98 ve Safari 15.4, bir iletişim kutusunu temsil eden <dialog>
öğesini getirmiştir.
Safari 15.4, sözde :focus-visible
sınıfı desteğini de tamamladı. Bu konuyla ilgili uygulama çalışması Igalia tarafından yapılmıştır.
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ı.
Mart ayındaki yeni beta sürümleri Chrome 101 ve Firefox 99'du.
Chrome 101 beta sürümü, hwb renk gösterimi içerir. Bu özellik, rengi tonuna, beyazlığına ve siyahlığına göre belirtir. Diğer renk gösterimlerinde olduğu gibi, isteğe bağlı alfa bileşeni opaklığı belirtir.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99, Gezgin arayüzünün pdfViewerEnabled
özelliğini içerir. Bu özellik, tarayıcının PDF dosyalarının satır içi görüntülenmesini destekleyip desteklemediğini gösterir.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Web'de yeniler serisinin bir parçası