Temukan beberapa fitur menarik yang tersedia 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 untuk platform web.
Atribut inert
Firefox 112 menyertakan atribut global inert. Atribut ini memberi tahu browser untuk mengabaikan elemen, menunjukkan konten yang tidak boleh interaktif. Persyaratan ini:
- Mencegah pengaktifan peristiwa
click. - Mencegah elemen mendapatkan fokus.
- Mengecualikan elemen dan kontennya dari hierarki aksesibilitas.
Atribut ini sekarang dapat dioperasikan di ketiga mesin.
Fungsi easing linear()
Fungsi easing linear() memungkinkan interpolasi linear di antara sejumlah titik. Ini memungkinkan animasi yang lebih kompleks seperti efek pantulan dan elastis. Fungsi ini ada di Firefox 112.
Dukungan Browser
- 113
- 113
- 112
- 17,2
Penyusunan bertingkat CSS
Chrome 112 menambahkan dukungan untuk Penyusunan CSS, fitur yang sangat dinantikan oleh banyak developer. Versi ini memperkenalkan pemilih bertingkat baru >, yang digunakan untuk menyusun bertingkat aturan gaya terkait, dengan cara yang tidak asing bagi developer yang telah menggunakan pra-prosesor:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
CSS animation-composition
Chrome 112 juga mencakup dukungan untuk animation-composition. Pelajari cara kerja properti ini di Menentukan bagaimana 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 yang baru. Pelajari fitur ini di Mode Headless Chrome mendapatkan upgrade.
Rilis browser beta
Versi browser beta memberikan pratinjau dari hal-hal yang akan ada dalam versi browser stabil berikutnya. Ini adalah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum dunia merilisnya. Versi beta yang baru adalah Firefox 113 dan Chrome 113, dengan Safari 16.5 beta masih berlangsung. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya, berikut beberapa sorotan.
Firefox 113 menyertakan fungsi color(), lab(), lch(), oklab(), dan oklch(). Juga disertakan adalah fungsi color-mix() dari CSS Warna 5, dan properti forced-color-adjust.
Firefox juga menyertakan sintaksis nth-child of <selector>, sehingga memberikan kontrol yang lebih baik atas elemen yang ingin Anda pilih. Baca selengkapnya di Kontrol lebih besar atas pilihan :nth-child() dengan sintaksis 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. Vertex menyediakan fitur modern seperti komputasi GPU, akses overhead yang lebih rendah ke hardware GPU, kemampuan untuk merender ke beberapa kanvas dari satu perangkat grafis, serta performa yang lebih baik dan lebih dapat diprediksi.
Bagian dari serial Baru di web