Şubat ayında web platformundaki yenilikler

Şubat 2022'de mevcut ürün ve beta web tarayıcılarında kullanıma sunulan bazı ilginç özellikleri keşfedin.

Kararlı tarayıcı sürümleri

Şubat ayında Chrome 98 ve Firefox 97 kararlı sürüm olarak kullanıma sunuldu.

Chrome 98, self.structuredClone yöntemini göndermiştir. Yapılandırılmış kopya algoritmasını kullanarak bir değerin derin kopyasını oluşturur. structuredClone() hakkında daha fazla bilgi edinin.

Tarayıcı desteği

  • Chrome: 98.
  • Edge: 98.
  • Firefox: 94.
  • Safari: 15.4.

Kaynak

Firefox 97, Cascade Layers'ı içerir. @layer at-kuralı, belirliliği kontrol etmenize yardımcı olan bir basamaklı katman tanımlar.

@layer framework {
  /* creates a new layer named framework */
}

Firefox, bu özelliği bir sürüm sürümünde kullanıma sunan ilk tarayıcı oldu. Ancak bu özelliğin her yerde kullanıma sunulması çok uzun sürmeyeceği için bu yayındaki beta sürümleri bölümüne göz atın. Cacade katmanları tarayıcınıza ekleniyor bölümünde Katmanları Basamakla hakkında daha fazla bilgi edinebilirsiniz.

Tarayıcı desteği

  • Chrome: 99.
  • Edge: 99.
  • Firefox: 97.
  • Safari: 15.4

Kaynak

Firefox, scrollbar-gutter mülküne de ulaşır. Bu özellik, içerik büyüdükçe görünen kaydırma çubuğunun neden olduğu düzen kaymalarını ortadan kaldırmaya yardımcı olur.

Kaydırma çubuğu boşluğu, iç kenarlığın kenarı ile dış dolgu kenarının arasındaki boşluktur. Gerekirse kaydırma çubuğu burada gösterilir. Kaydırma çubuğu yoksa kenarlık, dolgunun bir uzantısı olarak gösterilir. Aşağıdaki CSS, görünümün simetrik kalması için kaydırma çubuğu boyutunu hesaba katarak kutunun her iki tarafına da boşluk ekler.

.container {
  scrollbar-gutter: stable both-edges;
}

Tarayıcı desteği

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 97.
  • Safari Teknoloji Önizlemesi: desteklenir.

Kaynak

Chrome 98, ek bir yeni 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.

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 dünya genelinde kullanıma sunulmadan önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmek için mükemmel bir zamandır.

Şubat ayındaki yeni beta sürümler Chrome 99 ve Firefox 98 idi. Safari Beta 15.4 hâlâ devam ediyor. Geçen ay dahil olan bazı konuları ele aldık.

Chrome 99, Cascade Layers'ı içerir. Cascade Layers, Safari Beta 15.4'te de mevcuttur. Bu özelliği çok yakında tüm sürekli güncellenen tarayıcılarda görmeyi bekleyebiliriz.

Chrome 99'da CanvasRenderingContext2D için birkaç yeni özellik ve HTMLInputElement üzerinde tarih, saat, renk ve dosyalar için tarayıcı seçici göstermenin bir yolu olan yeni bir showPicker() yöntemi de yer alıyor.

Firefox 98'de <dialog> öğesini bulabilirsiniz. Firefox ve Safari beta sürümleri kararlı hale geldiğinde tüm sürekli güncellenen tarayıcılarda kullanılabilecek bir diğer özelliktir.

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

Web'de yeni olanlar serisi kapsamında