Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Juli 2023.
Rilis browser stabil
Pada Juli 2023, Firefox 115 dan Chrome 115 menjadi stabil. Postingan ini akan membahas apa artinya itu bagi platform web.
Beberapa nilai untuk properti display CSS
Chrome 115 menyertakan beberapa nilai untuk properti display CSS. Ini berarti display: flex menjadi display: block flex dan display: block menjadi display: block flow. Nilai tunggal dipertahankan sebagai kata kunci lama, dan nilai ini kini tersedia di tiga mesin utama.
Dukungan Browser
- 115
- 115
- 70
- 15
Animasi berbasis scroll
Selain itu, di Chrome 115 terdapat ekstensi ScrollTimeline dan ViewTimeline untuk spesifikasi Animasi Web. Ini mengaktifkan animasi berbasis scroll melalui CSS dan JavaScript.
API Privacy Sandbox
API relevansi dan pengukuran Privacy Sandbox yang diluncurkan di Chrome 115. Hal ini mencakup Topics, Protected Audience, Attribution Reporting, Private Aggregation, Shared Storage, dan Fenced Frames API.
Untuk memahami API ini lebih lanjut, lihat demo Privacy Sandbox.
Properti animation-composition
Firefox 115 mendukung properti animation-composition CSS. Membuat animation-composition didukung di ketiga mesin utama. Pelajari lebih lanjut di artikel Menentukan bagaimana beberapa efek animasi harus digabungkan dengan animasi-compose.
Metode array
Selain itu, mencapai interoperabilitas dengan Firefox 115 merupakan sekumpulan metode untuk Array dan TypedArray. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted(), dan TypedArrays.with() menampilkan array baru dengan elemen yang disalin secara dangkal.
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 baru adalah Firefox 116 dan Chrome 116. Safari 17 dan Safari 16.6 versi beta masih berlangsung. Rilis ini menghadirkan banyak fitur hebat ke platform ini. Lihat catatan rilis untuk semua detailnya, berikut beberapa sorotan.
Firefox 116 mendukung Audio Output Devices API di semua platform kecuali Android. API ini memungkinkan aplikasi web mengalihkan output audio ke headset Bluetooth, speaker ponsel, atau perangkat lain yang diizinkan, bukan harus menggunakan browser atau default OS yang mendasarinya.
Chrome 116 menyertakan Jalur Gerak CSS yang memungkinkan objek grafis apa pun untuk dianimasikannya di sepanjang jalur yang ditentukan oleh developer. Hal ini memungkinkan sejumlah kemungkinan transformasi baru yang efektif, seperti pemosisian menggunakan koordinat kutub (dengan fungsi ray()), bukan koordinat persegi panjang standar yang digunakan oleh fungsi translate(), atau menganimasikan elemen di sepanjang jalur yang ditentukan. Hal ini memudahkan penentuan transisi spasial 2d yang kompleks dan indah. Jalur dapat ditentukan sebagai circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray(), dan url().
Selain itu, di Chrome 116 terdapat Document Picture-in-Picture API. Tindakan ini akan mengaktifkan jendela yang selalu di atas yang dapat diisi dengan HTMLElements arbitrer. Ini adalah perluasan pada HTMLVideoElement API yang ada yang hanya memungkinkan HTMLVideoElement untuk dimasukkan ke jendela Picture-in-Picture (PiP).
Bagian dari serial Baru di web