Interop 2024, Baseline'a daha fazla özellik getiriyor

Yayınlanma tarihi: 22 Ocak 2025

Interop 2024 sona ererken bu yayında, projenin bugüne kadarki en başarılı yılına göz atıyoruz. Deneme amaçlı tüm tarayıcıların 99 puan aldığını, kararlı sürümlerin de çok geride olmadığını gördük. Bu başarı, bir dizi özelliğin artık Baseline'da yeni olarak kullanılabileceği anlamına geliyor.

Puanı 99 olan tüm tarayıcılar.
Interop 2024 Kontrol Paneli (22 Ocak 2025 itibarıyla)

Temel değişkendeki diğer özellikler

Bir özelliğin "Temel yeni kullanıma sunuldu" olarak tanımlanabilmesi için birlikte çalışabilir olması gerekir. Bu nedenle, Interop 2024'ün bu çizginin üzerinde ve Baseline 2024'te yer alan çeşitli özelliklere yardımcı olması şaşırtıcı değil.

Kayıtlı özel özellikler

@property kuralı ve CSS.registerProperty() statik yöntemi Temel Değer oldu Temmuz 2024'te kullanıma sunulacak.

font-size-adjust mülkü

font-size-adjust CSS mülkü, yazı tiplerini x-yükseklik gibi belirli bir metriğe göre aynı boyuta ölçeklendirerek kullanılan yazı tipinden bağımsız olarak görünen metin boyutunu korur. Bu, yedek yazı tiplerinin aynı boyutta görünmesine yardımcı olabilir. Temmuz 2024'te Baseline olarak kullanıma sunulmuştur.

<video> için requestVideoFrameCallback() yöntemi

<video> için requestVideoFrameCallback() yöntemi, bir sonraki video karesiyle çalışan bir işlev planlar. requestAnimationFrame()'e benzer ancak video içindir ve Ekim 2024'te kullanıma sunulmuştur.

scrollbar-width ve scrollbar-gutter ile kaydırma çubuğu stili

scrollbar-width CSS mülkü kaydırma çubuğunun genişliğini ayarlar ve scrollbar-gutter kaydırma çubuğu için yer ayırır. Böylece, kaydırma çubuğu göründüğünde ve kaybolduğunda istenmeyen düzen değişikliklerini önler. Aralık 2024'te Baseline Yeni olarak kullanıma sunuldu.

transition-behavior mülkü

transition-behavior: allow-discrete CSS beyanı, animasyon davranışı ayrık olan mülkler için geçişlere izin verir. Bu tür özellikler, %50 oranında başlangıç değerlerinden bitiş değerlerine doğru ara değer olarak alınamaz ve değiştirilemez. Bu mülk, Ağustos 2024'te kullanıma sunulan Temel olarak değiştirildi.

text-wrap: balance

text-wrap CSS özelliği, kapsayıcıdan taşan metinde satırların nasıl bölüneceğini belirler. text-wrap-style ve text-wrap-mode için kısa bir ifadedir. balance değeri, dengeli başlıklar ve diğer kısa metinler oluşturmanıza olanak tanır. text-wrap mülkü, Mart 2024'te kullanıma sunulan yeni Temel özellik oldu.

Pop-up

Popover, HTML'yi veya showPopover() yöntemini kullanarak yer paylaşımları oluşturmanıza olanak tanır. Bu özellik neredeyse Temel yeni kullanıma sunuldu durumuna ulaşmıştı. Hatta başlangıçta bu durumu elde ettiğini düşünmüştük. Ancak Safari uygulamasıyla ilgili bir sorun nedeniyle özellik 2024'te yeni kullanıma sunuldu durumuna tam olarak ulaşamadı. İyi haber şu ki sorun, mevcut Safari Beta 18.3 sürümünde düzeltildi. Bu nedenle, yakında Popover'ı "Yeni kullanıma sunuldu" olarak düzgün bir şekilde duyurabileceğiz.

Temel özelliklerde yapılan düzeltmeler

Interop 2024'e, daha önce Temel olarak sınıflandırılmış ve kullanıma yeni sunulan bazı özellikler eklenmişti. Bu çalışmada, uygulamadaki bazı küçük farklılıklar düzeltildi. Bu sorunlarla çok az kullanıcı karşılaşsa da küçük sorunlar, karşılaştığınız takdirde büyük fark yaratabilir.

CSS iç içe yerleştirme

CSS iç içe yerleştirme, kuralları diğerlerinin içine yerleştirerek daha kısa seçiciler, daha kolay okuma ve daha fazla modülerlik sağlar. Aralık 2023'te kullanıma sunulan Baseline 2024, bazı önemli birlikte çalışabilirlik sorunlarını düzeltmek için Interop 2024'e dahil edildi.

Bildirimsel Gölge DOM

<template> öğesindeki shadowrootmode özelliği, JavaScript kullanılmadan gölge kök oluşturur. "attachShadow()" yönteminin açıklayıcı bir alternatifidir.

Interop 2025 yakında kullanıma sunulacak

Interop 2025 için öneriler şu anda sonlandırılıyor. Bu yıl elde ettiğimiz tüm başarıları daha da ileriye taşımak için sabırsızlanıyoruz. Şubat ayında yapılacak duyuruyu takip ederek bu paketin kapsamını öğrenebilirsiniz. Temel sürüme eklenen özellikleri takip etmek için web.dev'deki Temel sürümde yeni kullanıma sunulan özellikler serimize göz atın.