Nisan ayında web platformundaki yenilikler

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

Kararlı tarayıcı sürümleri

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

Chrome 101, hwb renk gösterimini içerir. Bu, rengi tonuna, beyazlığına ve siyahlığına göre belirtir. Diğer renk gösteriminde 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 tarafından yazılan şu makaleyi okuyun: hwb() – a color notation for humans?.

Tarayıcı Desteği

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Kaynak

Chrome 101'de Getirme Önceliği özelliği de yer alıyor. Bu sayede, fetchpriority özelliğini kullanarak tarayıcıya kaynakların hangi sırayla indirilmesi gerektiğini belirtebilirsiniz. Aşağıdaki örnekte, düşük öncelikli bir görüntü fetchpriority="low" ile belirtilmiştir.

<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ılamıyor ancak Chromium 101 tabanlı bir tarayıcı kullanan herkese fayda sağlamak için bu özelliği hemen kullanmaya başlayabilirsiniz.

Tarayıcı Desteği

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Kaynak

Firefox 99, Navigator arayüzünün pdfViewerEnabled mülkünü içerir. Bu özellik, tarayıcının PDF dosyalarının satır içi görüntülenmesini destekleyip desteklemediğini belirtir.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Tarayıcı Desteği

  • Chrome: 94.
  • Kenar: 94.
  • Firefox: 99.
  • Safari: 16.4.

Kaynak

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 henüz piyasaya sürülmeden sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı.

Nisan ayında yeni beta sürümleri Chrome 102, Firefox 100 ve Safari 15.5'ti.

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

Chrome 102, HTML hidden özelliği için yeni until-found değerini içerir. Bu, sayfada bul işlevini etkinleştirir ve akordeon kalıbında görebileceğiniz gibi, sayfanın daraltılmış bir alanında bulunan metin parçasına kaydırma yapar. Daha fazla bilgi için hidden=until-found ile daraltılmış içeriği erişilebilir hâle getirme başlıklı makaleyi inceleyin.

Tarayıcı desteği

  • Chrome: 102.
  • Kenar: 102.
  • Firefox: Desteklenmez.
  • Safari: Desteklenmez.

Kaynak

Chrome 102, kullanıcının yerel olarak yüklenen yazı tiplerine erişmesine olanak tanıyan Local Font Access API'yi de içerir.

Bu beta özellikler yakında kararlı tarayıcılarda kullanıma sunulacaktır.

Web'de yeni olanlar serisi kapsamında