Baru menggunakan platform web pada bulan Februari

Temukan beberapa fitur menarik yang hadir di browser web stabil dan beta pada Februari 2022.

Rachel Andrew

Rilis browser stabil

Pada bulan Februari, Chrome 98 dan Firefox 97 menjadi stabil.

Chrome 98 mengirimkan metode self.structuredClone. Fungsi ini membuat clone mendalam dari nilai menggunakan algoritma clone terstruktur. Baca selengkapnya tentang structuredClone().

Dukungan Browser

  • Chrome: 98.
  • Edge: 98.
  • Firefox: 94.
  • Safari: 15.4.

Sumber

Firefox 97 menyertakan Lapisan Kaskade. At-rule @layer menentukan lapisan cascade, yang membantu Anda mengontrol kekhususan.

@layer framework {
  /* creates a new layer named framework */
}

Firefox adalah browser pertama yang meluncurkannya dalam versi rilis. Namun, periksa bagian postingan ini yang membahas rilis beta, karena tidak akan lama lagi fitur ini tersedia di semua tempat. Cari tahu lebih lanjut tentang Lapisan Cascade di lapisan Cascade akan hadir di browser Anda.

Dukungan Browser

  • Chrome: 99.
  • Edge: 99.
  • Firefox: 97.
  • Safari: 15.4.

Sumber

Firefox juga mendaratkan properti scrollbar-gutter. Properti ini membantu menghapus pergeseran tata letak yang disebabkan oleh scrollbar yang muncul saat konten diperluas.

Kolom samping scrollbar adalah ruang antara tepi batas dalam dan tepi padding luar. Di sinilah scrollbar akan muncul jika diperlukan. Jika tidak ada scrollbar, gutter akan ditampilkan sebagai ekstensi padding. CSS berikut akan menambahkan spasi yang memperhitungkan ukuran scrollbar ke kedua sisi kotak, untuk menjaga tampilan tetap simetris.

.container {
  scrollbar-gutter: stable both-edges;
}

Dukungan Browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 97.
  • Pratinjau Teknologi Safari: didukung.

Sumber

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.

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 pada bulan Februari adalah Chrome 99, dan Firefox 98. Safari Beta 15.4 masih dalam proses. Saya telah membahas beberapa hal yang disertakan bulan lalu.

Chrome 99 menyertakan Lapisan Kaskade, dengan Lapisan Kaskade juga ada di Safari Beta 15.4, kita dapat segera melihat fitur ini di semua browser evergreen.

Di Chrome 99 juga terdapat beberapa atribut baru untuk CanvasRenderingContext2D, dan metode showPicker() baru di HTMLInputElement yang merupakan cara untuk menampilkan pemilih browser untuk tanggal, waktu, warna, dan file.

Di Firefox 98, Anda akan menemukan elemen <dialog>. Fitur lain yang akan ada di semua browser evergreen setelah Firefox dan Safari beta menjadi stabil.

Semua fitur beta ini akan segera hadir di browser stabil.

Bagian dari serial Baru di web