Ekim ayında web platformundaki yenilikler

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

Rachel Andrew

Kararlı tarayıcı sürümleri

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

Firefox 119'daki JavaScript özellikleri

Firefox 119'da, Object.groupBy ve Map.groupBy statik yöntemleriyle JavaScript dizi gruplandırması kullanılır.

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 düzgün biçimli Unicode'a dönüştürmek için kullanılabilir. Bu yöntemler artık üç ana motorda birlikte çalışabilmektedir.

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

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

Seçili öğelerin içindeki yatay kurallar

Ekim ayında Chrome'un iki sürümü kullanıma sunuldu. Chrome 119'da, HTML <select> öğelerine küçük bir ekleme yapılmıştır. Artık seçenekler arasında, öğeler arasında ayırıcı olarak gösterilen yatay bir kural ekleyebilirsiniz. Öğe seçin: 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'un bir alt ağacındaki öğeleri seçmek için bir yol sağlar. Daha fazla bilgi için Seçicilerinizin erişimini CSS @scope at-rule ile sınırlama bölümüne bakın.

CSS tercihler-azaltılmış-şeffaflık

Chrome 118'de prefers-reduced-transparency medya özelliği bulunur. Bu, kullanıcı tarafından cihazında belirlenen tercihleri kontrol etmenize ve kodunuzdaki ihtiyaçlarına cevap vermenize olanak tanıyan bir dizi özellikten biridir. CSS "prefers-reduced-transparency" (şeffaflığı tercih eder) bölümündeki özellik hakkında daha fazla bilgi edinin.

CSS göreli renk söz dizimi

Chrome 119'da, CSS Color 5'in göreceli renk söz dizimi adlı yeni ve güçlü özelliği yer alıyor. Bu, ihtiyacınız olan herhangi bir renk alanını veya söz dizimini kullanarak başka bir renkten renk türetebilmenize olanak tanır.

WebAssembly atık toplama (WasmGC)

Chrome 119, WebAssembly'de Kotlin, PHP veya Java gibi çöp toplamalı dillerle çalışmayı hızlandırmak için WasmGC'yi içerir. Artık Chrome'da varsayılan olarak etkinleştirilen WebAssembly Çöp Toplama (WasmGC) bölümünde 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 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ümler Firefox 120 ve Safari 17.2'dir. Bu sürümler, platforma birçok harika özellik getiriyor. Tüm ayrıntılar için sürüm notlarına göz atın. Bazı önemli noktaları aşağıda bulabilirsiniz.

Safari 17.2 birçok yeni özellik içerir. CSS için CSS Custom Vurgu API'si, mask-border özellikleri, counter-set özelliği ve daha birçok özellik desteklenir. Buna ek olarak, birlikte çalışabilirliği iyileştirmek için mevcut özelliklerde birçok düzeltme yapıldı.

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

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

Web'de yeniler serisinin bir parçası