Ocak ayında web platformundaki yenilikler

Ocak 2024'te kararlı ve beta web tarayıcılarında kullanıma sunulan ilginç özelliklerden bazılarını keşfedin.

Ocak 2024'te Firefox 122, Chrome 121 ve Safari 17.3 kararlı hale geldi. Bu yayında, web platformuna eklenen yeni özellikler ele alınmaktadır.

<hr> <select> içinde başlıyor

Firefox 122, <hr> öğelerini <select> öğelerinin izin verilen alt öğesi olarak ekler. Bu, çok sayıda seçenek içeren seçilmiş listelerin okunabilirliğine yardımcı olur. Tüm ana tarayıcı motorları artık bu özelliği desteklemektedir. Bununla birlikte, şu anda hiçbir tarayıcının <hr> öğesini erişilebilirlik ağacına sunmadığını belirtmek gerekir.

Tarayıcı Desteği

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

Ayrıca, Firefox'taki <select> öğeleri için HTMLSelectElement için showPicker() yöntemi kullanılır. Bu, normalde öğe seçildiğinde gösterilen ancak bir düğmeye basıldığında veya başka bir kullanıcı etkileşimiyle tetiklenebilen seçiciyle aynıdır.

Tarayıcı Desteği

  • 121
  • 121
  • 122

Kaynak

Largest Contentful Paint (LCP) API

Firefox 122, LCP API'yi de destekler. Bu performans API'si, kullanıcılar bir web sayfasıyla etkileşimde bulunmadan önce en büyük resim veya metin boyama işlemiyle ilgili zamanlama bilgileri sağlar. LCP hakkında daha fazla bilgiyi LCP belgelerinde bulabilirsiniz.

Tarayıcı Desteği

  • 77
  • 79
  • 122
  • x

Kaynak

CSS kaydırma çubuğu özellikleri

Chrome 121'de scrollbar-color ve scrollbar-width kaydırma çubuğu özellikleri de destekleniyor. Bu konuyla ilgili daha fazla bilgi için Kaydırma çubuğu stili başlıklı makaleyi inceleyin.

Tarayıcı Desteği

  • 121
  • 121
  • 64
  • x

Kaynak

CSS font-palette animasyonu

font-palette özelliği, bir renk yazı tipi oluşturmak için belirli bir palet seçebilmenizi sağlar. Bu özellik artık animasyonu desteklediğinden paletler arasında geçiş yapmak, seçilen iki palet arasında yumuşak bir geçiş olur.

ArrayBuffer için transfer() ve transferToFixedLength() yöntemleri

Firefox, ArrayBuffer JavaScript transfer() ve transferToFixedLength() yöntemlerini içerir. transfer() yöntemi, mevcut ArrayBuffer ile aynı bayt içeriğine sahip yeni bir ArrayBuffer oluşturur, ardından orijinal ArrayBuffer öğesini çıkarır. transferToFixedLength() yöntemi aynı şekilde çalışır, ancak sabit bir ArrayBuffer boyutu oluşturur.

Tarayıcı Desteği

  • 114
  • 114
  • 122
  • 17,4

Kaynak

Speculation Rules API'de yapılan güncellemeler

Siteler, Chrome'a hangi sayfaların önceden oluşturulacağını programlı bir şekilde bildirmek için Speculation Rules API'yi kullanarak sayfada gezinme süresini kısaltarak daha iyi bir kullanıcı deneyimi oluşturur.

Chrome 121 doküman kuralları için destek içerir: Bunlar, tarayıcının bir sayfadaki öğelerden tahmine dayalı yükleme URL'lerinin listesini almasını sağlayan spekülasyon kuralları söz diziminin bir uzantısıdır. Doküman kuralları, bu bağlantılardan hangilerinin kullanılabileceğine dair ölçütler içerebilir. Bu, yeni bir "eagerness" alanı ile birleştiğinde, imleçle üzerine gelindiğinde veya fare aşağı çekildiğinde sayfalardaki bağlantıları otomatik olarak önceden getirmenize veya önceden işlemenize olanak tanır.

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 123, Chrome 122 ve Safari 17.4'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 123 beta, Bildirimsel Gölge DOM'yi içerir.

Ayrıca Firefox 123'te, sunucu tam yanıtı hazırlarken sayfanın ihtiyaç duyabileceği kaynakları önceden yüklemeye yönelik 103 Early Hints HTTP bilgi yanıtı durum kodu için destek de sunulmaktadır.

Safari 17.4 beta sürümde birçok faydalı özellik bulabilirsiniz. CSS için @scope, blok kapsayıcılar ve tablo hücrelerinde align-content, ::grammar-error ve ::spelling-error sözde öğeleri ve çok daha fazlası için destek sunulur.

Formlarda, form kontrollerinde dikey yazma modu desteği, <input type="date"> için showPicker() yöntemi ve iOS'teki <select> içinde <hr> desteği.

JavaScript, diğer birçok özelliğin yanı sıra detached(), transfer() ve transferToFixedLength() ArrayBuffer yöntemlerini destekleyen bazı yeni özelliklere de sahiptir.

Chrome 122 Beta, gerekli düzeltmeler yapılmamış HTML biçimini almak için Async Clipboard API'nin read() yönteminde bir unsanitized seçeneği içerir. JavaScript'te yeni yineleme yardımcıları ve yerleşik Set sınıfı için yeni yöntemler vardır.

Chrome 122'de, ağır bellek baskısı altında depolama alanının kalıcı olarak çıkarılmasını daha tahmin edilebilir hale getirmeyi amaçlayan Storage Buckets API de vardır.