Ocak 2022'de kararlı ve beta web tarayıcılarında kullanıma sunulan bazı ilgi çekici özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Ocak ayında Chrome 97 ve Firefox 96 kararlı hale geldi.
Firefox 96, hwb() renk işlevini gönderdi. Bu işlev bir rengi ton, beyazlık ve siyahlığa göre ifade eder.
Ayrıca Firefox 96'da CSS color-scheme özelliğidir. Bu özellik, bir öğenin oluşturulabileceği renk şemalarını belirtmenin bir yolunu sunar. Örneğin, .widget değerinin işletim sisteminin açık veya koyu modlarında oluşturulabileceğini belirtmek için aşağıdaki CSS'yi kullanın.
.widget {
color-scheme: light dark;
}
Firefox'ta renk şeması açılışında bu, özelliğin Chrome, Firefox ve Safari'de kullanılabileceği anlamına gelir.
Beta tarayıcı sürümleri
Beta tarayıcı sürümleri, tarayıcının bir 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ı.
Ocak ayının beta sürümleri Chrome 98, Firefox 97 ve Safari 15.4 Beta 1'dir.
Chrome 98, ek bir yeni yazı tipi biçimi olarak COLRv1 renk gradyanı vektör yazı tiplerini destekler. Renkli yazı tipinde, içinde birden fazla renk olan glifler (ör. emoji, ülke bayrağı veya çok renkli bir harf) yer alır.
Chrome 98'de COLRv1 Renk Gradyan Vektör Yazı Tipleri içindeki bu yeni yazı tipi biçimi hakkında daha fazla bilgi edinin.
Nesnelerin derin kopyalarını oluşturmak için structuredClone() yöntemi ve dynamic-range ile video-dynamic-range CSS medya sorguları da dahil edilmiştir. Chrome 98 Beta yayınında, test edebileceğiniz daha fazla özellik bulabilirsiniz.
Chrome 98 Geliştirici Araçları, yeni Tam Erişilebilirlik Ağacı da dahil olmak üzere tüm yeni özellikleri sunar.
Firefox 97 Beta, length için cap ve ic birimlerini destekler ve scrollbar-gutter özelliğini uygular.
Safari 15.4 Beta'da iyi şeylerden oluşan eksiksiz bir koleksiyon vardır. Özellikler, ::backdrop yapay öğesinin, :focus-visible sözde sınıfının, accent-color özelliğinin ve contain özelliğiyle CSS Kapsayıcısının uygulanmasını içerir. Bu beta sürüm, HTML <dialog> öğesini, geç yüklemeyi etkinleştirmek için resimlerde lazy özelliğini ve Web Uygulaması Manifest simgeleri desteğini de içerir.
Bu beta özelliklerin tümü yakında kararlı tarayıcılarda kullanıma sunulacaktır.
Web'de yeniler serisinin bir parçası