Baru menggunakan platform web pada bulan Maret

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

Rilis browser stabil

Pada bulan Maret, Chrome 99, Chrome 100, Firefox 98, dan Safari 15.4 menjadi stabil. Hal ini menghadirkan serangkaian fitur baru ke platform, dan banyak penambahan ini berarti fitur tersebut tersedia di ketiga mesin browser. Dalam postingan ini, saya berfokus pada penambahan yang memberi kita interoperabilitas lintas browser, tetapi lihat juga catatan rilis untuk melihat semua fitur yang ditambahkan ke setiap mesin.

Chrome 99 dan Safari 15.4 menyertakan Cascade Layers. At-rule @layer menentukan lapisan cascade, yang membantu Anda mengontrol kekhususan. Keduanya bergabung dengan Firefox, sehingga Lapisan Cascade kini tersedia di ketiga mesin browser. Cari tahu lebih lanjut Lapisan Cascade di Lapisan cascade akan hadir di browser Anda.

Dukungan Browser

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

Sumber

Chrome 100 menyertakan nilai baru plus-lighter untuk properti mix-blend-mode CSS. Nilai ini berguna saat melakukan cross-fade dua elemen jika semua atau sebagian piksel memiliki nilai yang sama. Anda dapat membaca lebih lanjut masalah yang dipecahkan di Cross-fading dua elemen DOM saat ini tidak mungkin.

Dukungan Browser

  • Chrome: 100.
  • Edge: 100.
  • Firefox: 99.
  • Safari: 9.1.

Safari 15.4 menyertakan properti contain, yang memungkinkan pembatasan CSS.

Dukungan Browser

  • Chrome: 52.
  • Edge: 79.
  • Firefox: 69.
  • Safari: 15.4.

Sumber

Di Safari 15.4 juga terdapat accent-color, yang memberikan kontrol atas warna aksen yang digunakan di beberapa kontrol formulir.

Dukungan Browser

  • Chrome: 93.
  • Edge: 93.
  • Firefox: 92.
  • Safari: 15.4.

Sumber

Firefox 98 dan Safari 15.4 meluncurkan elemen <dialog>, yang mewakili kotak dialog.

Dukungan Browser

  • Chrome: 37.
  • Edge: 79.
  • Firefox: 98.
  • Safari: 15.4.

Sumber

Safari 15.4 juga menyelesaikan dukungan untuk pseudo-class :focus-visible. Pekerjaan implementasi ini dilakukan oleh Igalia.

Dukungan Browser

  • Chrome: 86.
  • Edge: 86.
  • Firefox: 85.
  • Safari: 15.4.

Sumber

Rilis browser beta

Versi browser Beta memberi Anda pratinjau hal-hal yang akan ada di versi stabil browser berikutnya. Inilah waktu yang tepat untuk menguji fitur baru, atau penghapusan, yang dapat memengaruhi situs Anda sebelum rilis tersebut dirilis.

Versi beta baru pada bulan Maret adalah Chrome 101, dan Firefox 99.

Chrome 101 beta menyertakan notasi warna hwb. Fungsi ini menentukan warna menurut rona, keputihan, dan kegelapannya. Seperti notasi warna lainnya, komponen alfa opsional menentukan opasitas.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Dukungan Browser

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Sumber

Firefox 99 menyertakan properti pdfViewerEnabled dari antarmuka Navigator. Properti ini menunjukkan apakah browser mendukung tampilan inline file PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Dukungan Browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

Sumber

Fitur beta ini akan segera hadir di browser stabil.

Bagian dari serial Baru di web