Nisan ayında web platformundaki yenilikler

Nisan 2022'de kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Kararlı tarayıcı sürümleri

Nisan ayında Chrome 101 ve Firefox 99 kararlı sürüme geçti. Geçen ay kullanıma sunulan çok sayıda özellikten sonra Nisan ayında biraz daha sessiz bir dönem geçirdik ancak kullanabileceğimiz birkaç ilginç özellik kullanıma sunuldu.

Chrome 101'de hwb renk gösterimi yer alıyor. Bu, rengi tonuna, beyazlığına ve siyahlığına göre belirtir. Diğer renk gösterimlerinde olduğu gibi, isteğe bağlı bir alfa bileşeni opaklığı belirtir.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

hwb() hakkında daha fazla bilgi edinmek için Stefan Judis'in hwb() – a color notation for humans? (hwb() – insanlar için bir renk gösterimi mi?) başlıklı makalesini okuyun.

Chrome 101'de Getirme Önceliği özelliği de yer alıyor. Bu, fetchpriority özelliğini kullanarak tarayıcıya kaynakların hangi sırayla indirilmesi gerektiği konusunda ipucu vermenizi sağlar. Aşağıdaki örnekte, düşük öncelikli bir resim fetchpriority="low" ile gösterilmektedir.

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Getirme Önceliği henüz diğer tarayıcılarda kullanılamamaktadır ancak Chromium 101 tabanlı bir tarayıcı kullanan herkesin yararlanabilmesi için bu özelliği hemen kullanmaya başlayabilirsiniz.

Firefox 99, Navigator 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.
}

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırmaları test etmek için harika bir zamandır.

Nisan ayındaki yeni beta sürümleri Chrome 102, Firefox 100 ve Safari 15.5 oldu.

Chrome 102, Safari 15.5 ve Firefox'un önizleme sürümlerinde inert özelliği bulunur. Bu, etkileşimli olmayan öğeleri sekme sırasından ve erişilebilirlik ağacından kaldırır. Örneğin, şu anda ekran dışında olan veya gizli bir öğe.

Chrome 102, HTML hidden özelliği için yeni until-found değerini içerir. Bu özellik, sayfanın daraltılmış bir alanındaki metinde (ör. akordeon düzeninde) sayfa içi arama ve metin parçasına kaydırma işlemlerini etkinleştirir. Daha fazla bilgiyi Making collapsed content accessible with hidden=until-found (Gizli=bulunana-kadar özelliğiyle daraltılmış içeriğe erişimi sağlama) başlıklı yayında bulabilirsiniz.

Chrome 102'de, kullanıcının yerel olarak yüklediği yazı tiplerine erişime izin veren Local Font Access API de bulunur.

Bu beta özellikleri yakında kararlı tarayıcılarda kullanıma sunulacak.

Web'de yeni serisinin bir parçası