Eylül 2024'te kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
Eylül 2024'te Firefox 130, Safari 18 ve Chrome 129 kararlı sürüm oldu. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.
<details>
için name
özelliğine sahip özel akordeonlar
Firefox 130, <details>
öğesinin name
özelliğini destekler. Bu grup, <details>
öğelerini gruplandırır. Gruptaki yalnızca bir öğe aynı anda açık olabilir. Bu sayede, JavaScript kullanmadan özel bir akordeon oluşturabilirsiniz.
Browser Support
Animasyonlu geçişi otomatik olarak ayarlama (ve daha fazlası)
Chrome 129, CSS interpolate-size
mülkünü ve calc-size()
işlevini ekler.
CSS interpolate-size
mülkü, bir sayfanın auto
, min-content
ve fit-content
gibi CSS doğal boyutlandırma anahtar kelimelerinin animasyonlu olabileceği durumlarda bu anahtar kelimelerin animasyonlarını ve geçişlerini etkinleştirmesine olanak tanır.
CSS calc-size()
işlevi, calc()
'e benzer bir CSS işlevidir ancak tam olarak bir desteklenen boyutlandırma anahtar kelimesiyle ilgili işlemleri de destekler.
Desteklenen boyutlandırma anahtar kelimeleri auto
, min-content
, max-content
ve fit-content
şeklindedir.
CSS'de height: auto; (ve diğer doğal boyutlandırma anahtar kelimeleri) için animasyon başlıklı makalede daha fazla bilgi edinin.
JavaScript'te süreleri biçimlendirme
Chrome 129'da ayrıca Intl.DurationFormat
, süreleri biçimlendirme yöntemi (ör. "1 saat 40 dakika 30 saniye") sunar ve birden fazla yerel ayarı destekler.
WebCodecs API
Web Codecs API artık Firefox 130'ta masaüstünde destekleniyor. Bu sayede web geliştiricileri, video akışının tek tek karelerine ve ses parçalarına düşük düzeyde erişim elde edebiliyor. Yeni arayüzler şunlardır: VideoEncoder
, VideoDecoder
,
EncodedVideoChunk
, VideoFrame
ve VideoColorSpace
. Bu API, henüz Firefox Android'de desteklenmediği için Baseline Yeni'yi tam olarak kullanıma sunmuyor ancak Android için Firefox Nightly desteği mevcut.
Özel mülkler için CSS stil sorguları
Safari 18, CSS stil sorguları da dahil olmak üzere çeşitli yeni özellikleri destekler. Stil sorguları, yeniden kullanılabilir stiller oluşturmanın ve bunları grup olarak uygulamanın bir yolunu sunar. Örneğin, birden fazla varyantı olan yeniden kullanılabilir bir bileşeniniz varsa.
CSS stil sorguları hakkında daha fazla bilgi edinin.
Aynı doküman görünümü geçişleri
Safari 18, SPA'lar için aynı doküman görünümü geçişlerini de destekler. Bu sayede, bir uygulamanın farklı durumları arasında görsel geçişler oluşturabilirsiniz.
Aynı doküman görünümü geçişleri hakkında daha fazla bilgi edinin
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. Bu sürüm herkese sunulmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmenin tam zamanı. Yeni beta sürümler Firefox 131, Chrome 130 ve Safari 18.1'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. Aşağıda bunlardan birkaçını bulabilirsiniz.
Firefox 131, yeni JavaScript iteratör yardımcıları içeriyor ve Bağımsız Bölümlendirme Durumuna Sahip Çerezler (CHIPS) artık etkin.
Chrome 130, hem satır içi parçalandırma (satır düzeni) hem de blok parçalandırma (baskı ve çok sütunlu için oluşturulan parçalar) için box-decoration-break: clone
desteği içerir. Ayrıca IndexedDB'de daha iyi hata raporlaması ve Web Seri SerialPort
arayüzü için yeni bir connected
özelliği de vardır.
Safari 18.1, mevcut özelliklerde yapılan hata düzeltmelerini içeren bir sürümdür.