Ağustos ayında web platformundaki yenilikler

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

Kararlı tarayıcı sürümleri

Ağustos 2023'te Firefox 116, Firefox 117, Safari 16.6 ve Chrome 116 kararlı hale geldi. Bu yayında, bu durumun web platformu için ne anlama geldiği ele alınmaktadır.

Firefox 116, Android hariç tüm platformlarda Ses Çıkış Cihazları API'sini destekler. Bu API, web uygulamalarının tarayıcıyı veya temel işletim sistemi varsayılanını kullanmak yerine ses çıkışını izin verilen bir Bluetooth mikrofonlu kulaklık, hoparlör veya başka bir cihaza yönlendirmesine olanak tanır.

Tarayıcı Desteği

  • x
  • x
  • 116
  • x

Kaynak

Chrome 116, geliştiricinin belirttiği yol boyunca herhangi bir grafik nesneye animasyon uygulanmasına olanak tanıyan CSS Hareket Yolu içerir. Bu, translate() işlevi tarafından kullanılan standart dikdörtgen koordinatlar yerine kutupsal koordinatları (ray() işleviyle) kullanarak konumlandırma veya bir öğeyi tanımlanmış bir yol boyunca canlandırma gibi bir dizi yeni güçlü dönüştürme olasılığına olanak tanır. Bu sayede karmaşık ve güzel 2D uzamsal geçişleri daha kolay tanımlayabilirsiniz. Yol; circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() ve url() şeklinde belirtilebilir.

Chrome 116'da Document Picture-in-Picture API de mevcuttur. Bu, rastgele HTMLElements ile doldurulabilen her zaman üstte bir pencereyi etkinleştirir. Bu, yalnızca HTMLVideoElement'in Pencere İçinde Pencere (PiP) penceresine yerleştirilmesine izin veren mevcut HTMLVideoElement API'sı üzerine yapılan bir genişletmedir.

Tarayıcı Desteği

  • 116
  • 116
  • x
  • x

Kaynak

Firefox 117, CSS İç İçe Yerleştirme ve & iç içe yerleştirme seçiciyi destekler. Bu, bir stil kuralının başka bir stil kuralının içine yerleştirilmesini sağlar. Bu durum, CSS İç İçe Yerleştirme özelliğinin birlikte çalışabileceği bir uyarı olmasına yol açar. Safari ve Chrome, spesifikasyonun tür seçicilerin iç içe yerleştirilmesine izin vermeyen eski bir sürümünü uygular. Firefox, & iç içe yerleştirme seçici gerektirmeyen yeni sürümü uyguladı. CSS İç İçe Yerleştirme Özelliğini Kullanma bölümünde her iki sürümün örneğini görebilirsiniz.

Tarayıcı Desteği

  • 120
  • 120
  • 117
  • 17,2

Kaynak

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 118 ve Chrome 117'dir. Safari 17 beta sürümü hâlâ geliştirme aşamasındadır. 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'un sonraki sürümü için henüz çok fazla bilgi bulunmuyor. Ancak Chrome 117 bazı heyecan verici özellikler vaat ediyor. Örneğin, giriş ve çıkış animasyonlarını etkinleştiren bazı yeni CSS özellikleri.

grid-template-columns ve grid-template-rows için subgrid değeri Chrome 117'ye dahil edildiğinden bu özelliğin birlikte çalışabilirliği uzun zamandır.

Chrome 117'de Object.groupBy ve Map.groupBy statik yöntemleriyle JavaScript dizi gruplandırması da mevcuttur.

Safari 17 beta, Popover API için destek sağlamak üzere popover özelliğini içerir.

Web'de yeniler serisinin bir parçası