Temukan beberapa fitur menarik yang telah tersedia di browser web stabil dan beta selama Januari 2022.
Rilis browser stabil
Pada bulan Januari, Chrome 97 dan Firefox 96 sudah stabil.
Firefox 96 meluncurkan fungsi warna hwb(). Fungsi ini mengekspresikan warna melalui rona, keputihan, dan kegelapan.
Selain itu, di Firefox 96 terdapat properti color-scheme CSS. Properti ini memberi Anda cara untuk menunjukkan skema warna yang dapat dirender oleh elemen. Misalnya, untuk menunjukkan bahwa .widget dapat dirender dalam mode terang atau gelap sistem operasi, gunakan CSS berikut.
.widget {
color-scheme: light dark;
}
Dengan landing skema warna di Firefox, artinya properti tersedia di Chrome, Firefox, dan Safari.
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 untuk bulan Januari adalah Chrome 98, Firefox 97, dan Safari 15.4 Beta 1.
Chrome 98 mendukung font vektor gradien warna COLRv1 sebagai format font baru tambahan. Font warna berisi glyph dengan berbagai warna di dalamnya, yang dapat berupa emoji, bendera negara, atau huruf warna-warni.
Baca selengkapnya tentang format font baru ini dalam Font Vektor Gradien Warna COLRv1 di Chrome 98.
Selain itu, disertakan metode structuredClone() untuk membuat salinan objek yang mendalam, serta kueri media CSS dynamic-range dan video-dynamic-range. Temukan fitur lainnya untuk diuji di postingan Chrome 98 Beta.
Chrome 98 DevTools menghadirkan seluruh koleksi fitur baru untuk Anda, termasuk Hierarki Aksesibilitas Lengkap yang baru.
Firefox 97 Beta mendukung unit cap dan ic untuk length, dan juga menerapkan properti scrollbar-gutter.
Ada banyak koleksi hal baik yang disertakan dalam Safari 15.4 Beta. Fitur mencakup implementasi elemen pseudo ::backdrop, class pseudo :focus-visible, properti accent-color, dan Containment CSS dengan properti contain. Versi beta ini juga mencakup elemen <dialog> HTML, atribut lazy pada gambar untuk mengaktifkan pemuatan lambat, serta dukungan untuk ikon Manifes Aplikasi Web.
Semua fitur beta ini akan segera tersedia di browser stabil.
Bagian dari serial Baru di web