Haziran 2024'te kararlı ve beta web tarayıcılarında kullanıma sunulan bazı ilginç özellikleri keşfedin.
Kararlı tarayıcı sürümleri
Haziran 2024'te Firefox 127 ve Chrome 126 kararlı hale geldi. Bu yayında, web platformuna eklenen yeni özellikler incelenmektedir.
JavaScript Set yöntemleri
Kümeler tüm programlama dillerinde temel bir veri yapısıdır. Artık ayarlanmış işlemleri gerçekleştirmek için JavaScript'in yerleşik yöntemlerini kullanabilirsiniz. Aşağıdaki yöntemler artık Firefox 127'de kullanılabilmektedir ve Yeni Kullanılabilir Temel metriğinin bir parçası haline gelmiştir:
intersection()union()difference()symmetricDifference()isSubsetOf()isSupersetOf()isDisjointFrom()
Daha fazla bilgi edinmek için JavaScript Set yöntemleri artık Referans değer kapsamına alındı başlıklı makaleyi okuyun.
Async Clipboard API
Clipboard API artık Firefox 127'de tam olarak desteklenmektedir. Firefox artık Pano arayüzünün read() ve write() yöntemleriyle birlikte ClipboardItem arayüzünü desteklemektedir. Clipboard API hakkında daha fazla bilgi için Pano erişiminin engellemesini kaldırma bölümüne bakın.
CSS gradyanlarında renk interpolasyonu
CSS renk geçişleri <color-interpolation-method> kabul edecek şekilde belirtilir ve bu özellik artık Firefox'ta desteklenmektedir ve bu sayede tüm önemli motorlarda birlikte çalışabilir.
Örneğin, artık hsl renk sistemini ve daha uzun interpolasyonu kullanarak bir linear-gradient() belirtebilirsiniz.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Tarayıcı Desteği
- 111
- 111
- 127
- 16.2
Belgeler arası görünüm geçişleri
Daha önce, View Transitions API'yi kullanmak için web sitenizi bir SPA olarak yeniden tasarlamanız gerekiyordu. Bu durum artık geçerli değil. Chrome 126'dan itibaren aynı kaynak gezinmeler için görünüm geçişleri artık varsayılan olarak etkinleştirilmiştir. Aynı kaynağa sahip iki farklı doküman arasında bir görüntüleme geçişi oluşturabilirsiniz.
Belgeler arası görünüm geçişini etkinleştirmek için her iki tarafın da kaydolması gerekir.
Bunu yapmak için @view-transition kuvvetini kullanın ve gezinme tanımlayıcısını auto olarak ayarlayın.
@view-transition {
navigation: auto;
}
Belgeler arası görünüm geçişleri belgelerinden daha fazla bilgi edinebilirsiniz.
Oyun Kumandası API'si trigger-rumble uzantısı
Chrome 126, GamepadHapticActuator arayüzünün kapsamını genişleterek uyumlu oyun kumandaları için
trigger-rumble özelliğini web'de kullanıma sunuyor.
Bu uzantı, Gamepad API'sinden yararlanan web uygulamalarının, bu işleve sahip olan oyun kumandası cihazlarının tetikleyicilerini de titreştirmesine 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 kullanılan özelliklerin önizlemesini sunar. Dünya daha piyasaya sürülmeden önce sitenizi etkileyebilecek yeni özellikleri veya kaldırma işlemlerini test etmek için mükemmel bir zaman. Yeni beta sürümleri Firefox 128, Chrome 127, Safari 18 ve Safari 17.6'dır. Bu sürümler, platforma pek çok muhteşem özellik katıyor. Tüm ayrıntılar için sürüm notlarına göz atın. İşte birkaç önemli nokta.
Safari 17.6, mevcut özelliklerde yapılan düzeltmelerin yer aldığı bir sürümdür. Safari 18'de stil kapsayıcı sorguları, tek sayfalık uygulamalar için görüntüleme geçişi API'si ve flexbox özelliklerinde safe anahtar kelimesi desteği dahil bir dizi heyecan verici yeni özellik vardır.
Chrome 127'de font-size-adjust CSS özelliği, oluşturulan içerikte isteğe bağlı sayıda öğe olarak alternatif metin belirtme ve MediaMetaData ürününde ayrı ayrı bölüm bilgileri ekleme olanağı bulunur.
Firefox 128, CSS Özellikleri ve Değerleri'ni içerdiğinden bu özellik Yeni Kullanıma Sunuldu. Bir type tanımlamak ve CSS özel özellikleri için yedek değer belirlemek üzere @property öğesini kullanın.