Şubat ayında web platformundaki yenilikler

Şubat 2023'te kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.

Şubat 2023'te Firefox 110 ve Chrome 110 kararlı hale geldi. Şimdi, bunun web platformu için ne anlama geldiğine bakalım.

Firefox 110, kapsayıcı sorguları boyutu için destek içerdiğinden, bu temel özelliği her üç motorda da kullanılabilir hale getirdi.

Tarayıcı Desteği

  • 105
  • 105
  • 110
  • 16

Kaynak

CSS ilk harfleri

Chrome 110'da CSS initial-letter özelliği için destek sunulur. Bu özellik, ilk harfin aşağıdaki metin satırlarında bulunması gereken satır sayısını belirler. Daha fazla bilgi edinmek için CSS ilk harfini kullanarak açılır menüleri kontrol etme başlıklı makaleye göz atın.

Tarayıcı Desteği

  • 110
  • 110
  • x
  • 9

Kaynak

ReadableStream eş zamansız yineleme

Firefox, ReadableStream içindeki eşzamansız yinelenebilir protokol desteğini ekledi.

AudioContext.setSinkId()

Chrome'da AudioContext.setSinkId, çıkış için kullanılacak ses cihazının kimliğini ayarlar. Bu, AudioContext cihazının sesi kullanıcının seçtiği bir bağlı çıkış cihazına yönlendirmesine olanak tanır.

Bu özellikle ilgili daha fazla bilgiyi Web Audio'da hedef çıkış cihazını değiştirme başlıklı makalede bulabilirsiniz.

Tarayıcı Desteği

  • 110
  • 110
  • x
  • x

Kaynak

IFrame kimlik bilgisi yok

Ayrıca Chrome'da IFrame kimlik bilgisi yok özelliği, geliştiricilere yeni ve geçici bağlamlar kullanarak üçüncü taraf iframe'lere doküman yükleme yöntemi sunar. iFrame kimlik bilgisi olmayan, COEP dağıtamayan üçüncü taraf iframe'leri desteklemek için COEP kimlik bilgisi içermeyen genelleştirmesidir. Bu, bir COEP sayfasına yerleştirilmek için üçüncü taraf iframe'lerin COEP'yi desteklemesi zorunluluğunu ortadan kaldırır ve kaynaklar arası izolasyonu uygulamak isteyen geliştiricilerin engelini kaldırır.

iframe kimlik bilgileri yok hakkında daha fazla bilgi edinin.

Tarayıcı Desteği

  • 110
  • 110
  • x
  • x

Erken kararlı sürüm

Chrome 110, Chrome yayın planında da bir değişikliğe işaret etti. Erken kararlı sürüm sürümü, kullanıcıların küçük bir yüzdesine genel sürümden bir hafta önce kullanıma sunulacaktır. Bu değişiklik hakkında daha fazla bilgiyi Chrome 110 yayın planındaki değişiklik başlıklı makaleden edinebilirsiniz.

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ı. Yeni beta sürümleri Firefox 111, Safari 16.4 ve Chrome 111'dir. Bu sürümler, platforma birçok harika özellik getiriyor. Tüm ayrıntıları öğrenmek için sürüm notlarına göz atın. Öne çıkan birkaç noktayı aşağıda bulabilirsiniz.

Firefox, File System Access API'yi kullanırken Kaynak Özel Dosya Sistemi (OPFS) için destek ekler.

Chrome, CSS Renk Düzeyi 4'te açıklanan tüm özellikleri içerir. Bu, cihazdan bağımsız dört renk türünü (laboratuvar, Oklab, lch ve Oklch), color() işlevini ve renk geçişleri ile animasyonlar için kullanıcı tanımlı renk alanlarını içerir. CSS Renk 5'teki color-mix() işlevi de dahil edilmiştir.

Bu yeni renk türleri ve alanlar hakkında bilgi edinmek için Yüksek tanımlı CSS renk kılavuzunu okuyun.

Chrome, Tek Sayfalı Uygulamalarda (SPA'lar) şık geçişler sağlayan View Transitions API'yi de içerir. Geçişleri Görüntüleme belgelerinde daha fazla bilgi edinin.

Ayrıca Chrome 111'de, gölge DOM'yi doğrudan HTML'de uygulamanın ve kullanmanın yeni bir yolu olan bildirimsel gölge DOM'yi de kullanabilirsiniz.

Safari 16.4, platform için muazzam bir sürüm olacağı vaat ediyor. Sürüm, CSS için :user-invalid ve :user-valid sözde sınıfları, margin-trim özelliği, medya sorguları için aralık söz dizimi ve CSS Properties and values API ile @property için destek içerir.

Safari ayrıca bir dizi başka Web API'sinin yanı sıra Web Push ve Badging API için destek de sunar. Bu, çok sayıda özelliğin birlikte çalışabilirliğe erişmesine olanak tanıyan oldukça heyecan verici bir sürüm.

Web'de yeniler serisinin bir parçası