Baru menggunakan platform web pada bulan April

Temukan beberapa fitur menarik yang diluncurkan di browser web stabil dan beta selama April 2023.

Rachel Andrew

Rilis browser stabil

Pada April 2023, Firefox 112, dan Chrome 112 menjadi stabil. Mari kita lihat apa artinya ini bagi platform web.

Atribut inert

Firefox 112 menyertakan atribut global inert. Atribut ini memberi tahu browser untuk mengabaikan elemen, yang menunjukkan konten yang tidak boleh interaktif. Persyaratan ini:

  • Mencegah peristiwa click diaktifkan.
  • Mencegah elemen mendapatkan fokus.
  • Mengecualikan elemen dan kontennya dari hierarki aksesibilitas.

Atribut ini kini dapat dioperasikan secara bersama-sama di ketiga mesin.

Dukungan Browser

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

Sumber

Fungsi easing linear()

Fungsi easing linear() memungkinkan interpolasi linear di antara sejumlah titik. Hal ini memungkinkan animasi yang lebih kompleks seperti efek pantulan dan elastis. Fungsi ini ada di Firefox 112.

Dukungan Browser

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

Penyusunan bertingkat CSS

Chrome 112 menambahkan dukungan untuk Penyusunan CSS, fitur yang sangat dinantikan oleh banyak developer. Hal ini memperkenalkan pemilih bertingkat baru >, yang digunakan untuk menyusun aturan gaya terkait, dengan cara yang akan dikenal oleh developer yang telah menggunakan pre-processor:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Dukungan Browser

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

Sumber

CSS animation-composition

Chrome 112 juga menyertakan dukungan untuk animation-composition. Pelajari cara kerja properti ini di Menentukan cara beberapa efek animasi harus digabungkan dengan komposisi animasi.

Dukungan Browser

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

Sumber

Mode headless baru

Jika Anda menggunakan mode Headless Chrome, misalnya dengan Puppeteer, versi 112 akan menghadirkan mode Headless yang sepenuhnya baru. Pelajari di Mode Headless Chrome mendapatkan upgrade.

Rilis browser beta

Versi browser Beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil browser berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum seluruh dunia mendapatkan rilis tersebut. Versi beta baru adalah Firefox 113 dan Chrome 113, dengan versi beta Safari 16.5 masih berlangsung. Rilis ini menghadirkan banyak fitur hebat ke platform. Lihat catatan rilis untuk mengetahui semua detailnya, berikut beberapa sorotannya.

Firefox 113 menyertakan fungsi color(), lab(), lch(), oklab(), dan oklch(). Juga disertakan fungsi color-mix() dari CSS Color 5, dan properti forced-color-adjust.

Firefox juga menyertakan sintaksis nth-child of <selector>, yang memberikan kontrol yang lebih baik atas elemen yang ingin Anda pilih. Baca selengkapnya di Kontrol lebih besar atas pilihan :nth-child() dengan sintaksis of S.

Untuk CSS, Chrome 113 menyertakan fitur media overflow-inline, overflow-block, dan update. Juga disertakan dalam fungsi easing linear(), dan jenis image-set() tanpa awalan.

Chrome 113 juga menyertakan WebGPU, penerus API grafis WebGL dan WebGL 2 untuk Web. API ini menyediakan fitur modern seperti komputasi GPU, akses overhead yang lebih rendah ke hardware GPU, kemampuan untuk merender ke beberapa kanvas dari satu perangkat grafis, dan performa yang lebih baik dan lebih dapat diprediksi.

Bagian dari serial Baru di web