Baru menggunakan platform web pada bulan Desember

Temukan beberapa fitur menarik yang tersedia di browser web stabil dan beta selama Desember 2022.

Pada bulan Desember, Firefox 108, dan Safari 16.2 menjadi stabil. Mari kita lihat apa artinya ini untuk platform web.

Firefox 108 mendukung atribut height dan width untuk elemen <source>, jika merupakan turunan dari elemen <picture>. Atribut ini menerima tinggi atau lebar gambar, dalam piksel, sebagai bilangan bulat tanpa unit.

Dukungan Browser

  • 90
  • 90
  • 108
  • 15

Fungsi CSS trigonometri

Firefox kini juga mendukung fungsi trigonometri di CSS—sin(), cos(), tan(), asin(), acos(), atan(), dan atan2().

Dukungan Browser

  • 111
  • 111
  • 108
  • 15,4

Sumber

Dukungan untuk garis dasar terakhir di ketiga mesin

Selain sejumlah perbaikan CSS, Safari 16.2 menyertakan perataan last baseline untuk petak CSS dan tata letak flexbox, yang berarti fitur ini kini didukung di tiga mesin browser utama.

CSS font-variant-alternates

Safari juga menambahkan dukungan untuk nilai tambahan untuk properti CSS font-variant-alternates: annotation(value-name), character-variant(value-name), ornaments(value-name), styleset(value-name), stylistic(value-name), swash(value-name), beserta @font-feature-values at-rule yang terkait.

Dukungan Browser

  • 111
  • 111
  • 34
  • 9.1

Sumber

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 109, Safari 16.3, dan Chrome 109.

Satu-satunya fitur baru yang tercantum untuk Safari 16.3 adalah penambahan perintah Content-Security-Policy (CSP) prefetch-src. Ada juga sejumlah perbaikan dalam versi beta ini.

Chrome 109 mendukung MathML Core, sebuah bahasa untuk mendeskripsikan notasi matematika yang dapat disematkan di HTML dan SVG.

Fitur baru di Chrome pada Android adalah Konfirmasi Pembayaran Aman (SPC). Ini adalah standar web yang diusulkan yang memungkinkan pelanggan melakukan autentikasi dengan penerbit kartu kredit, bank, atau penyedia layanan pembayaran lainnya menggunakan pengautentikasi platform—biasanya diaktifkan dengan fitur buka kunci layar perangkat seperti sensor sidik jari.

Hal baru untuk Chrome di Android adalah Origin Private File System (OPFS), bagian dari File System Access API di Android. Ini mencakup semua platform File System Access API, tanpa metode show{OpenFile, SaveFile, Directory}Picker() dan integrasi Drag and Drop API.

Untuk CSS di Chrome, kita memiliki unit panjang lh. Satuan ini setara dengan nilai properti tinggi-baris yang dihitung pada elemen yang menggunakannya. Selain itu, properti hyphenate-limit-chars yang menentukan jumlah minimum karakter dalam kata yang diberi tanda hubung.

Saat artikel ini ditulis, dan mungkin karena musim liburan, catatan rilis Firefox belum diperbarui.

Berita lainnya

Postingan ini menandai edisi ke-12 dari rangkaian postingan blog ini, yang menghadirkan pilihan hal menarik di browser setiap bulan pada tahun 2022. Saya akan kembali pada tahun 2023 untuk terus membagikan beberapa hal menarik yang ada di platform web setiap bulan.

Banyak fitur yang tersedia di browser selama setahun terakhir, dan banyak di antaranya yang disebutkan sebagai "perbaikan CSS", merupakan bagian dari Interop 2022. Untuk informasi lebih lanjut, baca laporan akhir tahun tim Chrome tentang inisiatif lintas browser ini untuk memperbaiki beberapa kendala utama interoperabilitas di platform web.

Dan terakhir, yang menarik bagi orang-orang yang membaca postingan ini, adalah daftar pembaruan ini berdasarkan data kompatibilitas browser MDN, yang dirilis oleh teman kami di MDN.

Bagian dari serial Baru di web