Aralık 2023'te kararlı ve beta web tarayıcılarında kullanıma sunulan ilginç özelliklerden bazılarını keşfedin.
Kararlı tarayıcı sürümleri
Aralık 2023'te Firefox 121, Chrome 120 ve Safari 17.2 kararlı hale geldi. Bu yayında, bu değişikliğin web platformu için ne anlama geldiği açıklanmaktadır.
CSS İç İçe Yerleştirme için rahat ayrıştırma
Chrome 120 ve Safari 17.2, CSS İç İçe Yerleştirme için rahat ayrıştırma özelliğini içerir. Bu, Firefox 117 sürümünden itibaren desteklendiği için tüm büyük motorların söz dizimi değişikliğini desteklediği anlamına gelir.
<details>
öğesine sahip özel akordeonlar
Chrome 120 ve Safari 17.2, <details>
öğesi için name
özelliğini destekler. Bu, bir dizi <details>
öğesini gruplandırarak özel akordeon bileşenleri oluşturabileceğiniz anlamına gelir.
Özel akordeon etkinliğinde daha fazla bilgi edinin.
Tarayıcı Desteği
- 120
- 120
- x
- 17,2
:has()
seçici
Firefox 121, CSS :has()
seçiciyi içerir. Bu sürüm, :has()
aracının tüm önemli motorlarda birlikte çalışabilmesini sağlar.
Daha fazla bilgiyi :has()
bölümünde bulabilirsiniz: aile seçici.
CSS Custom Vurgulama API'si
Safari 17.2, metin aralıklarını oluşturmanıza ve biçimlendirmenize olanak tanıyan ::selection
gibi standart vurgulama sözde sınıflarını genişletmenizi sağlayan CSS Custom highlight API'yi içerir.
CloseWatcher API'sı
Chrome 120, kapatma isteklerini dinlemek ve yanıtlamak için kullanılan yeni bir API olan CloseWatcher API'sini içerir.
Bu istekler, masaüstünde ESC
tuşu ve Android'de geri hareketi veya düğmesi tarafından tetiklenir ve iyi şekilde uygulanması zor olabilir.
Chrome 120, Android geri düğmesine yanıt vermek için API'ye ek olarak <dialog>
ve popover
özelliklerini de yeni sürüme geçirir.
Tarayıcı Desteği
- 120
- 120
- x
- x
CSS text-wrap: balance
ve stable
Firefox 121, text-wrap
için balance
ve stable
değerlerini içerir.
balance
değeri, başlıklar gibi kısa içerik blokları için kullanışlıdır. Bu sayede daha göze hitap eden ve kolay okunan metinler oluşturabilirsiniz. stable
değeri, düzenlenebilir içeriğin düzenlenirken yeniden yavaşlamasını engeller.
text-wrap: balance
hakkında daha fazla bilgi edinin.
text-wrap: balance
text-wrap: stable
<iframe>
öğelerinin geç yüklenmesi
Firefox 121, <iframe>
öğelerinde loading
özelliğini destekler.
Bu, iframe'lerin geç yüklenmesinin artık tüm önemli motorlarda desteklendiği anlamına gelir.
Tarayıcı Desteği
- 77
- 79
- 121
- 16,4
linear()
yumuşak geçiş işlevi için destek
Safari 17.2, hemen çıkma ve yay efektleri oluşturmak için kullanılabilen linear()
yumuşak geçiş işlevini de destekler.
Tarayıcı Desteği
- 113
- 113
- 112
- 17,2
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 betalar Firefox 122, Chrome 121 ve Safari 17.3'tür. 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.
Firefox 122 ve Chrome 121, HTMLSelectElement için showPicker()
yöntemini içerir.
Burada, öğe seçildiğinde gösterilecek olan ancak bir düğmeye basıldığında veya başka bir kullanıcı etkileşimiyle tetiklenebilen seçicinin aynısı gösterilir.
Chrome 121, scrollbar-color
ve scrollbar-width
kaydırma çubuğu stil özelliklerinin yanı sıra SVG için iyileştirilmiş CSS maskelemesini içerir ve yanlış yazılmış veya dil bilgisi açısından yanlış olan metinlerin yapay öğelerini vurgular.