Aralık ayında web platformunda kullanıma sunulan yeni özellikler

Aralık 2022'de kararlı ve beta web tarayıcılarında bulunan bazı ilgi çekici özellikleri keşfedin.

Aralık ayında Firefox 108 ve Safari 16.2 kararlı hale geldi. Şimdi, bunun web platformu için ne anlama geldiğine bakalım.

Firefox 108, bir <picture> öğesinin alt öğesi olduğunda <source> öğesi için height ve width özelliklerini destekler. Bu özellikler, resmin piksel cinsinden yüksekliğini veya genişliğini birimi olmayan bir tam sayı olarak kabul eder.

Tarayıcı Desteği

  • 90
  • 90
  • 108
  • 15

Trigonometrik CSS işlevleri

Firefox artık CSS'deki trigonometrik işlevleri de desteklemektedir: sin(), cos(), tan(), asin(), acos(), atan() ve atan2().

Tarayıcı Desteği

  • 111
  • 111
  • 108
  • 15,4

Kaynak

Her üç motorda da son referans değer için destek

Bir dizi CSS düzeltmesine ek olarak Safari 16.2, CSS ızgarası ve flexbox düzeni için last baseline hizalamasını içerir. Bu da bu özelliğin artık üç ana tarayıcı motorunda desteklendiği anlamına gelir.

CSS font-variant-alternates

Safari, font-variant-alternates CSS özelliği için ek değerler de destekler: ek açıklama(değer-adı), karakter-varyant(değer-adı), süsler(değer-adı), stil kümesi(değer-adı), stili(değer-adı), kaydırma(değer-adı) ve ilişkili @font-feature-values kuyruklu a işareti.

Tarayıcı Desteği

  • 111
  • 111
  • 34
  • 9.1

Kaynak

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ı. Yeni beta sürümleri Firefox 109, Safari 16.3 ve Chrome 109'dur.

Safari 16.3 için listelenen tek yeni özellik, İçerik Güvenliği Politikası (İGP) prefetch-src yönergesinin eklenmesidir. Bu beta sürümde ayrıca bir dizi düzeltme mevcuttur.

Chrome 109, HTML ve SVG'ye yerleştirilebilen matematiksel gösterimi tanımlamak için kullanılan bir dil olan MathML Core'u destekler.

Android'de Chrome'daki yeni özellik Secure Payment Verification'dır (SPC). Bu, müşterilerin platform kimlik doğrulayıcısı (genellikle parmak izi sensörü gibi) ekran kilidi açma özelliğiyle etkinleştirilen bir platform kimlik doğrulayıcısı kullanarak kredi kartını veren kuruluş, banka veya başka bir ödeme hizmeti sağlayıcısıyla kimlik doğrulaması gerçekleştirmesine olanak tanıyan, önerilen bir web standardıdır.

Android'deki Chrome için ayrıca, Android'deki File System Access API'nin bir parçası olan Kaynak Özel Dosya Sistemi (OPFS) de yeni bir özelliktir. Buna, show{OpenFile, SaveFile, Directory}Picker() yöntemleri ve Sürükle ve Bırak API entegrasyonu hariç tüm File System Access API yüzeyi dahildir.

Chrome'da CSS için lh uzunluk birimimiz vardır. Bu birim, üzerinde kullanıldığı öğedeki line-height özelliğinin hesaplanan değerine eşdeğerdir. Ayrıca, hyphenate-limit-chars özelliği, kısa çizgili bir kelimedeki minimum karakter sayısını belirtir.

Bu metin yazıldığı sırada ve belki de tatil dönemi nedeniyle, Firefox sürüm notları güncellenmemiştir.

Diğer haberler

Bu blog yayını serisinin 12. sayısını kutladığımız bu gönderide, 2022'de her ay tarayıcılarla ilgili birçok ilgi çekici özelliği sizlerle paylaşıyoruz. 2023'te her ay web platformunda yer alan bazı ilgi çekici gelişmeleri paylaşmaya devam edeceğim.

Geçtiğimiz yıl tarayıcılarda kullanıma sunulan özelliklerin çoğu ve "CSS düzeltmeleri" olarak bahsedilen özelliklerin çoğu, Birlikte Çalışabilirlik 2022'nin bir parçasıydı. Daha fazla bilgi edinmek için Chrome ekibinin, birlikte çalışabilirlikle ilgili web platformundaki en önemli sorunlu noktalardan bazılarını iyileştirmeye yönelik tarayıcılar arası bu girişim hakkındaki yıl sonu raporunu okuyun.

Son olarak, arkadaşlarımız tarafından MDN'de yayınlanan MDN tarayıcı uyumluluğu verilerine dayalı bu güncelleme listesi, bu yayını okuyan kişileri ilgilendirir.

Web'de yeniler serisinin bir parçası