Baru menggunakan platform web pada bulan Januari

Temukan beberapa fitur menarik yang telah diluncurkan di browser web stabil dan beta selama Januari 2022.

Rachel Andrew

Rilis browser stabil

Pada bulan Januari, Chrome 97 dan Firefox 96 menjadi stabil.

Firefox 96 mengirimkan fungsi warna hwb(). Fungsi ini mengekspresikan warna berdasarkan hue, putih, dan hitam.

Di Firefox 96 juga terdapat properti color-scheme CSS. Properti ini memberi Anda cara untuk menunjukkan skema warna tempat elemen dapat dirender. 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, ini berarti properti tersedia di Chrome, Firefox, dan Safari.

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 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 beberapa warna di dalamnya, yang dapat berupa emoji atau bendera negara atau huruf warna-warni.

Baca selengkapnya tentang format font baru ini di Font Vektor Gradien Warna COLRv1 di Chrome 98.

Metode structuredClone() untuk membuat deep copy objek, dan kueri media CSS dynamic-range dan video-dynamic-range juga disertakan. Temukan fitur lainnya untuk diuji di postingan Chrome 98 Beta.

Chrome DevTools 98 menghadirkan berbagai fitur baru, termasuk Hierarki Aksesibilitas Lengkap baru.

Firefox 97 Beta mendukung unit cap dan ic untuk length, serta menerapkan properti scrollbar-gutter.

Ada banyak hal menarik yang disertakan dalam Safari 15.4 Beta. Fitur mencakup implementasi elemen semu ::backdrop, class semu :focus-visible, properti accent-color, dan Pembatasan CSS dengan properti contain. Versi beta ini juga mencakup elemen <dialog> HTML, atribut lazy pada gambar untuk mengaktifkan pemuatan lambat, ditambah dukungan untuk ikon Manifes Aplikasi Web.

Semua fitur beta ini akan segera hadir di browser stabil.

Bagian dari serial Baru di web