Temmuz ayında web platformundaki yenilikler

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

Rachel Andrew

Kararlı tarayıcı sürümleri

Temmuz 2023'te Firefox 115 ve Chrome 115 kararlı hale geldi. Bu yayında, bu durumun web platformu için ne anlama geldiği ele alınmaktadır.

CSS display özelliği için birden fazla değer

Chrome 115, CSS display özelliği için birden fazla değer içerir. Diğer bir deyişle, display: flex değeri display: block flex, display: block ise display: block flow olur. Tek değerler eski anahtar kelimeler olarak korunur; bu değerler artık üç ana motorda kullanılabilir.

Tarayıcı Desteği

  • 115
  • 115
  • 70
  • 15

Kaydırmayla çalışan animasyonlar

Chrome 115'te Web Animasyonları spesifikasyonunun ScrollTimeline ve ViewTimeline uzantıları da bulunmaktadır. Bunlar, CSS ve JavaScript aracılığıyla kaydırma odaklı animasyonları etkinleştirir.

Tarayıcı Desteği

  • 115
  • 115
  • x
  • x

Kaynak

Özel Korumalı Alan API'leri

Chrome 115'te kullanıma sunulan Özel Korumalı Alan alaka düzeyi ve ölçüm API'leri. Topics, Protected Audience, İlişkilendirme Raporlama, Özel Toplama, Paylaşılan Depolama ve Fenced Frames API'ler bu kapsamdadır.

Bu API'ler hakkında daha fazla bilgi edinmek için Özel Korumalı Alan demolarına göz atın.

animation-composition özelliği

Firefox 115, CSS animation-composition özelliğini destekler. animation-composition başlıca üç motorda da destekleniyor. Daha fazla bilgi için Birden fazla animasyon efektinin animasyon kompozisyonu ile nasıl birleştirileceğini belirtme başlıklı makaleden daha fazla bilgi edinebilirsiniz.

Tarayıcı Desteği

  • 112
  • 112
  • 115
  • 16

Kaynak

Dizi yöntemleri

Ayrıca, Array ve TypedArray için Firefox 115 ile birlikte çalışabilirliğe ulaşma yöntemlerinden bazılarıdır. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted() ve TypedArrays.with(), yüzeysel olarak kopyalanmış öğelere sahip yeni bir dizi döndürür.

Tarayıcı Desteği

  • 110
  • 110
  • 115
  • 16

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 116 ve Chrome 116'dır. Safari 17 ve Safari 16.6 beta sürümleri halen devam etmektedir. 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 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.

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.

Web'de yeniler serisinin bir parçası