Nisan ayında web platformundaki yenilikler

Nisan 2023'te kararlı ve beta web tarayıcılarına eklenen ilginç özelliklerden bazılarını keşfedin.

Kararlı tarayıcı sürümleri

Nisan 2023'te Firefox 112 ve Chrome 112 kararlı sürüm oldu. Bunun web platformu için ne anlama geldiğine bakalım.

inert özelliği

Firefox 112, inert global özelliğini içerir. Bu özellik, tarayıcıya öğeyi yoksaymasını söyleyerek içeriğin etkileşimli olmaması gerektiğini belirtir. Otomatik etiketleme:

  • click etkinliklerinin tetiklenmesini engeller.
  • Öğenin odaklanmasını engeller.
  • Öğeyi ve içeriğini erişilebilirlik ağacından hariç tutar.

Bu özellik artık üç motorda da birlikte çalışabilir.

Tarayıcı desteği

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Kaynak

linear() yumuşatma işlevi

linear() kolaylaştırma işlevi, bir dizi nokta arasında doğrusal ara değer hesaplamayı sağlar. Bu sayede sıçrama ve elastik efektler gibi daha karmaşık animasyonlar oluşturabilirsiniz. Bu işlev Firefox 112'de mevcuttur.

Tarayıcı desteği

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 112.
  • Safari: 17.2.

CSS iç içe yerleştirme

Chrome 112, birçok geliştiricinin merakla beklediği CSS İç İçe Yerleştirme özelliğini destekler. Bu sayede, ilgili stil kurallarını iç içe yerleştirmek için kullanılan yeni bir iç içe yerleştirme seçici > kullanıma sunulmuştur. Bu seçici, ön işlemcileri kullanan geliştiricilere tanıdık gelecektir:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Tarayıcı desteği

  • Chrome: 120.
  • Kenar: 120.
  • Firefox: 117.
  • Safari: 17.2.

Kaynak

CSS animation-composition

Chrome 112, animation-composition için de destek içerir. Bu özelliğin işleyiş şeklini Birden çok animasyon efektinin animation-composition ile nasıl birleştirileceğini belirtme başlıklı makalede öğrenebilirsiniz.

Tarayıcı desteği

  • Chrome: 112.
  • Edge: 112.
  • Firefox: 115.
  • Safari: 16.

Kaynak

Yeni headless mod

Chrome'un Gözetimsiz modunu kullanıyorsanız (ör. Puppeteer ile) 112 sürümü, yepyeni bir Gözetimsiz mod sunar. Chrome'un Gözetimsiz modu yenilendi başlıklı makalede bu konu hakkında bilgi edinebilirsiniz.

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. Yeni beta sürümler Firefox 113 ve Chrome 113'tür. Safari 16.5 beta sürümü ise devam etmektedir. 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. Burada, öne çıkan birkaç özelliği bulabilirsiniz.

Firefox 113, color(), lab(), lch(), oklab() ve oklch() işlevlerini içerir. CSS Color 5'teki color-mix() işlevi ve forced-color-adjust özelliği de dahildir.

Firefox, seçmek istediğiniz öğeler üzerinde daha ayrıntılı kontrol sağlayan nth-child of <selector> söz dizimini de içerir. of S söz dizimi ile :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı makalede daha fazla bilgi edinin.

CSS için Chrome 113, overflow-inline, overflow-block ve update medya özelliklerini içerir. linear() yumuşatma işlevine ve ön ek içermeyen image-set() türüne de dahildir.

Chrome 113, Web için WebGL ve WebGL 2 grafik API'lerinin yerini alan WebGPU'yi de içerir. GPU bilgi işlem, GPU donanımına daha düşük maliyetli erişim, tek bir grafik cihazından birden fazla tuvale oluşturma ve daha iyi, daha tahmin edilebilir performans gibi modern özellikler sunar.

Web'de yeni olanlar serisi kapsamında