Ocak ayında web platformundaki yenilikler

Ocak 2022'de kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.

Rachel Andrew

Kararlı tarayıcı sürümleri

Ocak ayında Chrome 97 ve Firefox 96 kararlı sürüm olarak kullanıma sunuldu.

Firefox 96, hwb() renk işlevini sunmuştur. Bu işlev, bir rengi ton, beyazlık ve siyahlıkla ifade eder.

Ayrıca, Firefox 96'da CSS color-scheme özelliği bulunur. Bu özellik, bir öğenin oluşturulabileceği renk şemalarını belirtmek için bir yöntem sağlar. Örneğin, .widget öğesinin 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ının yer alması, ö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 yer alacak özelliklerin önizlemesini sunar. Dünya henüz piyasaya sürülmeden 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 idi.

Chrome 98, ek yeni bir yazı tipi biçimi olarak COLRv1 renk gradyan vektör yazı tiplerini destekler. Renkli yazı tipleri, birden fazla rengi olan karakterler içerir. Bu karakterler emoji, ülke bayrağı veya çok renkli bir harf olabilir.

Bu yeni yazı tipi biçimi hakkında daha fazla bilgiyi Chrome 98'de COLRv1 Renk Gradyan Vektör Yazı Tipleri başlıklı makalede bulabilirsiniz.

Nesnelerin derin kopyalarını oluşturmak için kullanılan structuredClone() yöntemi ve CSS medya sorguları dynamic-range ve video-dynamic-range da buna dahildir. Test edebileceğiniz diğer özellikleri Chrome 98 Beta gönderisinde bulabilirsiniz.

Chrome 98 Geliştirici Araçları, yeni Tam Erişilebilirlik Ağacı da dahil olmak üzere yepyeni bir özellik koleksiyonu sunuyor.

Firefox 97 Beta, length için cap ve ic birimlerini destekler ve scrollbar-gutter özelliğini de uygular.

Safari 15.4 Beta'da birbirinden güzel birçok şey var. Özellikler arasında ::backdrop sözde öğesi, :focus-visible sözde sınıfı, accent-color mülkü ve contain mülküyle CSS İçerme yer alır. Bu beta sürümünde, HTML <dialog> öğesi ve geç yüklemeyi etkinleştirmek için resimlerde lazy özelliğinin yanı sıra Web Uygulaması Manifest simgeleri desteği de bulunmaktadır.

Bu beta özelliklerinin tümü yakında kararlı tarayıcılarda kullanıma sunulacaktır.

Web'de yeni olanlar serisi kapsamında