Ekim ayında web platformundaki yenilikler

Ekim 2023'te kararlı ve beta web tarayıcılarında kullanıma sunulan bazı ilginç özellikleri keşfedin.

Ekim 2023'te Firefox 119, Safari 17.1, Chrome 118 ve Chrome 119 kararlı hale geldi. Bu yayında, bunun web platformu için ne anlama geldiği açıklanmaktadır.

Firefox 119'daki JavaScript özellikleri

Firefox 119'da Object.groupBy ve Map.groupBy statik yöntemleriyle kullanılan JavaScript dizi gruplaması kullanılır.

Tarayıcı Desteği

  • 117
  • 117
  • 119
  • 17,4

Kaynak

Ayrıca Firefox 119'da String için isWellFormed() ve toWellFormed() yöntemleri de mevcuttur. Bunlar, bir dizenin iyi biçimlendirilmiş Unicode içerip içermediğini kontrol etmek ve bir dizeyi iyi oluşturulmuş Unicode'a dönüştürmek için kullanılabilir. Bu yöntemler artık üç ana motorda birlikte çalışabilir.

Tarayıcı Desteği

  • 111
  • 111
  • 119
  • 16,4

Kaynak

HTML <search> öğesi artık birlikte çalışabilir

Chrome 118, dokümanın veya uygulamanın arama ya da filtreleme için kullanılan bölümlerini temsil eden yeni bir HTML öğesi olan <search> öğesini içerir. Bu özellik artık üç ana motorda birlikte çalışabilir.

Tarayıcı Desteği

  • 118
  • 118
  • 118
  • 17

Kaynak

Belirli öğelerin içindeki yatay kurallar

Chrome'un iki sürümü Ekim ayında piyasaya sürüldü. Chrome 119, HTML <select> öğelerine küçük bir eklemedir. Artık seçenekler arasına, öğeler arasında ayırıcı olarak gösterilen yatay bir kural ekleyebilirsiniz. Öğe seçme: artık yatay kurallarla bölümünden daha fazla bilgi edinebilirsiniz.

CSS kapsamı

Chrome 118, @scope kuralıyla kapsamlı CSS içerir. Bu kural, DOM'nin bir alt ağacındaki öğelerin seçilebilmesini sağlar. Seçicilerinizin erişimini CSS @scope at-rule ile sınırlama bölümünden daha fazla bilgi edinebilirsiniz.

Tarayıcı Desteği

  • 118
  • 118
  • x
  • 17,4

Kaynak

CSS tercih edilir-azaltılmış-şeffaflık

Chrome 118, prefers-reduced-transparency medya özelliğini içerir. Bu, bir kullanıcının cihazında belirlediği tercihleri kontrol etmenize ve kodunuzda ihtiyaçlarına göre yanıt vermenize olanak tanıyan bir dizi özellikten biridir. Bu özellikle ilgili daha fazla bilgi için CSS tercih edilir-reduced-transparency bölümüne bakın.

Tarayıcı Desteği

  • 118
  • 118
  • x

Kaynak

CSS göreli renk söz dizimi

Chrome 119, CSS Renk 5'in yeni ve güçlü bir özelliğidir: göreli renk söz dizimi. Bu, ihtiyacınız olan herhangi bir renk alanını veya söz dizimini kullanarak başka bir renkten renk elde etmenize olanak tanır.

WebAssembly atık toplama (WasmGC)

Chrome 119'da, WebAssembly'de Kotlin, PHP veya Java gibi çöp toplanan dillerle çalışmayı daha hızlı hale getirmek için WasmGC bulunur. Chrome'da artık varsayılan olarak etkin olan WebAssembly Çöp Toplama (WasmGC) sayfasındaki tüm ayrıntıları bulabilirsiniz.

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının sonraki kararlı sürümünde kullanılan özelliklerin önizlemesini sunar. Dünya daha piyasaya sürülmeden önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmek için mükemmel bir zaman. Yeni beta sürümleri Firefox 120 ve Safari 17.2'dir. Bu sürümler, platforma pek çok muhteşem özellik katıyor. Tüm ayrıntılar için sürüm notlarına göz atın. İşte birkaç önemli nokta.

Safari 17.2 birçok yeni özellik içeriyor. CSS için CSS Özel Vurgulama API'si, mask-border özellikleri, counter-set özelliği ve daha birçok özellik için destek vardır. Ayrıca, birlikte çalışabilirliği iyileştirmek için mevcut özelliklerde çok sayıda düzeltme yapıldı.

Safari 17.2, HTML'de <details> öğesi için name özelliğini destekler. Web API'lerinde Getirme Önceliği ve duyarlı resimler için destek <link rel=preload> ürününde etkinleştirildi.

Firefox 120'de CSS rh ve rlh birimleri, text-wrap: balance ve light-dark() işlevi için destek sunulmaktadır.

Yeni web serisinin parçası