Temukan beberapa fitur menarik yang diluncurkan di browser web stabil dan beta selama April 2023.
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 seharusnya tidak 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.
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
Penyusunan bertingkat CSS
Chrome 112 menambahkan dukungan untuk Penyusunan CSS, fitur yang sangat dinantikan oleh banyak developer. Fitur ini memperkenalkan pemilih bertingkat baru >
, yang digunakan untuk menyusun bertingkat aturan gaya terkait, dengan cara yang tidak asing lagi bagi developer yang pernah menggunakan praprosesor:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
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.
Mode headless baru
Jika Anda menggunakan mode Headless Chrome, misalnya dengan Puppeteer, 112 akan menghadirkan mode Headless 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, sementara Safari 16.5 versi beta 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()
. Selain itu, fungsi color-mix()
dari CSS Color 5 dan properti forced-color-adjust
juga disertakan.
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