Ekim ayında web platformundaki yenilikler

Ekim 2025'te kararlı ve beta web tarayıcılarına eklenen bazı ilginç özellikleri keşfedin.

Rachel Andrew

Yayınlanma tarihi: 30 Ekim 2025

Kararlı tarayıcı sürümleri

Ekim ayında kararlı sürüme sunulan Chrome 142 ve Firefox 144 sürümlerinin web platformu için ne anlama geldiğini bu yayında ele alıyoruz.

Tek Sayfalı Uygulamalar için Görünüm Geçişleri API'si

Firefox 144, aynı dokümanda görünüm geçişlerini destekler. Aşağıdakiler için destek sunulur:

• :active-view-transition sözde sınıfı
• view-transition-class özelliği
• view-transition-name özelliği
• ::view-transition sözde öğesi
• ::view-transition-group() sözde öğesi
• ::view-transition-image-pair() sözde öğesi
• ::view-transition-new() sözde öğesi
• ::view-transition-old() sözde öğesi

Bu sayede aynı doküman görünümü geçişleri, yeni kullanılabilir temel çizgi haline gelir.

<button> öğesindeki command ve commandfor özellikleri

Firefox 144, command ve commandfor'yi destekler. Bu özellikler hakkında daha fazla bilgiyi command ve commandfor özelliklerinin tanıtımı başlıklı makalede bulabilirsiniz.

moveBefore() yöntemi

moveBefore() yöntemi artık Element, DocumentFragment ve Document arayüzlerinde Firefox tarafından destekleniyor. Bu sayede, nesnenin doğrudan alt öğelerinden birini, diğer alt öğelerinden önce taşıyabilirsiniz. Her iki öğe de durumunu korur.

moveBefore() ile DOM mutasyonları sırasında durumu koruma başlıklı makaleden daha fazla bilgi edinebilirsiniz.

:target-before ve :target-after sözde sınıfları

Chrome 142, düz ağaç sırasına göre belirlendiği üzere aynı kaydırma işaretçisi grubu içinde etkin işaretçiden önce veya sonra olan kaydırma işaretçileriyle eşleşen sözde sınıflar ekler (:target-current ile eşleşir):

• :target-before: Gruptaki düz ağaç sırasına göre etkin işaretçiden önce gelen tüm kaydırma işaretçileriyle eşleşir.
• :target-after: Gruptaki düz ağaç sırasına göre etkin işaretçiden sonra gelen tüm kaydırma işaretçileriyle eşleşir.

Stil kapsayıcı sorguları ve if() için aralık söz dizimi

Chrome 142, aralık söz dizimi desteği ekleyerek CSS stil sorgularını ve if() işlevini geliştirir.

Stil sorgularını tam değer eşleşmesinin ötesine taşır (ör. style(--theme: dark)). Geliştiriciler, özel özellikleri, değişmez değerleri (ör. 10 piksel veya %25) ve attr() ile env() gibi değiştirme işlevlerinden gelen değerleri karşılaştırmak için karşılaştırma operatörlerini (ör. > ve <) kullanabilir. Geçerli bir karşılaştırma için her iki taraf da aynı veri türüne çözümlenmelidir. Şu sayısal türlerle sınırlıdır: <length>, <number>, <percentage>, <angle>, <time>, <frequency> ve <resolution>.

İlgi Çekme Amaçlı Çağrılar (interestfor özelliği)

Chrome 142, <button> ve <a> öğelerine interestfor özelliğini de ekler. Bu özellik, öğeye "ilgi alanı" davranışları ekler. Kullanıcı öğeyle ilgilenmeye başladığında hedef öğede işlemler tetiklenir (ör. popover gösterme).

Kullanıcı aracısı, kullanıcının öğeye ilgi gösterdiğini (ör. işaretçiyi öğenin üzerinde tutma, klavyede özel kısayol tuşlarına basma veya dokunmatik ekranlarda öğeye uzun basma) algılar. İlgi gösterildiğinde veya kaybedildiğinde, hedefte InterestEvent tetiklenir. Bu, pop-up'lar için varsayılan işlemleri (ör. pop-up'ı gösterme ve gizleme) içerir.

Beta tarayıcı sürümleri

Beta tarayıcı sürümleri, tarayıcının bir sonraki kararlı sürümünde yer alacak özelliklerin önizlemesini sunar. Dünya bu sürümü almadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırılan özellikleri test etmek için harika bir zamandır. Bu ayki yeni beta sürümleri Firefox 145 ve Chrome 143 oldu. Safari 26.1'in beta sürümü ise devam ediyor.

Firefox 145, ToggleEvent arayüzünün source özelliğini ve Atomics.waitAsync() statik yöntemini içerir.

Chrome 145, CSS anchored fallback container sorgularını içerir. Bu, @container anchored(fallback) değerinin uygulanmasına bağlı olarak, sabit konumlu öğelerin alt öğelerini stilize etmek için position-try-fallbacks değerini kullanıma sunar.