Nisan ayında web platformundaki yenilikler

Nisan 2023'te kararlı ve beta web tarayıcılarında kullanıma sunulan bazı ilgi çekici özellikleri keşfedin.

Rachel Andrew

Kararlı tarayıcı sürümleri

Nisan 2023'te Firefox 112 ve Chrome 112 kararlı hale geldi. Şimdi, bunun web platformu için ne anlama geldiğine bakalım.

inert özelliği

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

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

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

linear() yumuşak geçiş işlevi

linear() yumuşak geçiş işlevi, bir dizi nokta arasında doğrusal interpolasyon sağlar. Bu, hemen çıkma ve esnek efektler gibi daha karmaşık animasyonları etkinleştirir. Bu işlev Firefox 112 sürümündedir.

CSS iç içe yerleştirme

Chrome 112'de, birçok geliştiricinin beklediği bir özellik olan CSS İç İçe Yerleştirme özelliği için destek sunulmaya başlandı. Bu geçişte, ön işlemcileri kullanan geliştiricilerin bildiği yeni bir iç içe yerleştirme seçici > kullanıma sunuldu. Bu seçiciler, ilgili stil kurallarını iç içe yerleştirmek için kullanılır.

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

CSS animation-composition

Chrome 112'de animation-composition desteği de sunulmaktadır. Bu özelliğin nasıl çalıştığını Birden çok animasyon efektinin animasyon kompozisyonuyla nasıl birleştirileceğini belirtme bölümünden öğrenebilirsiniz.

Yeni gözetimsiz mod

Chrome'un Gözetimsiz modunu (ör. Puppeteer) kullanırsanız 112, tamamen yeni bir Gözetimsiz mod sağlar. Bu konuyla ilgili daha fazla bilgi edinmek için Chrome'un gözetimsiz modu yükseltiliyor.

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 113 ve Chrome 113'tür ve Safari 16.5 beta sürümü hâlâ devam etmektedir. Bu sürümler, platforma birçok harika özellik getiriyor. Tüm ayrıntıları öğrenmek için sürüm notlarına göz atın. Öne çıkan birkaç noktayı aşağıda bulabilirsiniz.

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

Firefox, seçmek istediğiniz öğeleri daha hassas bir şekilde kontrol etmenizi sağlayan nth-child of <selector> söz dizimini de içerir. S söz dizimini kullanarak :nth-child() seçimleri üzerinde daha fazla kontrol başlıklı makaleden daha fazla bilgi edinebilirsiniz.

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

Chrome 113 ayrıca, Web için WebGL ve WebGL 2 grafik API'lerinin yerini alan WebGPU da içerir. GPU işleme, GPU donanımına daha düşük genel erişim, tek bir grafik cihazdan birden fazla tuvalde görüntü oluşturma özelliği gibi modern özellikler ve daha iyi, daha tahmin edilebilir performans sunar.

Web'de yeniler serisinin bir parçası