Ringkasan bulanan Baseline edisi Agustus 2026 merangkum fitur platform web yang mencapai status Baseline Newly available dan Baseline Widely available pada periode tersebut, beserta artikel dan sumber daya yang dibagikan komunitas pengembang web.
Integrasi AI dan Standar Web Modern
Brecht De Ruyte mengulas secara mendalam cara skill set Modern Web Guidance dari Google membantu agen pengodean AI menulis CSS dan HTML yang mutakhir pada saat ini dan selaras dengan Baseline tanpa mengandalkan pola lama yang sudah kedaluwarsa. Tulisan itu memandu pemasangan Modern Web Guidance secara berdampingan bersama skill token desain kustom agar konsistensi design system tetap terjaga dengan baik sekaligus standar platform web modern tetap dihormati sepenuhnya. Informasi lebih lanjut tentang pendekatan tersebut tersedia melalui tulisan komunitas berjudul Modern Web Guidance as a starting point for my own token skills: getting agents to write better CSS.
Fitur Baru Berstatus Baseline Newly Available
Kelompok fitur berikut ini yang dirangkum dalam edisi bulanan ini telah memperoleh dukungan penuh dan merata di semua core browser engines selama bulan Agustus tahun 2026 sehingga saat ini menyandang status Baseline Newly available. Dua fitur dalam kelompok Newly available tersebut adalah pseudo-class :paused dan fungsi sibling-count().
Pseudo-class :paused mencocokkan elemen media yang dapat diputar seperti <audio> dan <video> setiap kali pemutaran berada dalam keadaan dijeda, termasuk elemen media yang telah selesai dimuat secara penuh tetapi belum mulai diputar sama sekali. Pemilahan tersebut membedakan status jeda dari status transisional seperti buffering atau seeking sehingga kontrol pemutar media beserta UI di sekitarnya dapat mencerminkan status pemutaran secara langsung di dalam CSS. Dokumentasi MDN untuk :paused yang dibahas dalam edisi Agustus 2026 ini menyediakan informasi lebih lanjut.
Fungsi sibling-count() mengembalikan nilai integer yang menyatakan jumlah total keseluruhan elemen sibling yang berbagi parent yang sama persis, termasuk elemen itu sendiri dalam hitungan tersebut. Berbeda dari counter() yang mengembalikan string yang diformat khusus untuk generated content, sibling-count() menghasilkan nilai integer yang dapat langsung dipakai dalam perhitungan matematika bersama fungsi calc(). Hitungan tersebut memungkinkan elemen anak menghitung dimensi tata letak proporsional seperti lebar kolom berdasarkan jumlah total sibling tanpa memerlukan JavaScript ataupun gaya tetap. Dokumentasi MDN untuk sibling-count() yang dibahas dalam edisi Agustus 2026 ini menyediakan informasi lebih lanjut.
Dukungan Penuh untuk Declarative Shadow DOM
Satu fitur yang dibahas dalam edisi ini telah mencapai status Baseline Widely available pada bulan Agustus tahun 2026, yang berarti fitur tersebut telah didukung di semua core browser engines selama 30 bulan dan aman dipakai tanpa polyfill. Fitur Widely available tersebut adalah Declarative Shadow DOM yang memungkinkan pendefinisian shadow root secara langsung di dalam markup HTML dengan memakai elemen <template> yang atribut shadowrootmode-nya disetel ke open atau closed. Pendekatan deklaratif tersebut menghilangkan sepenuhnya kebutuhan memasang shadow root memakai JavaScript melalui Element.attachShadow().
Kemampuan tersebut memungkinkan web component yang dirender di server tampil beserta gaya terenkapsulasinya pada pemuatan awal pertama kali tanpa flashes of unstyled content (FOUC). Pada saat yang sama markup tersebut tetap dapat diurai dengan baik oleh mesin pencari dan klien tanpa JavaScript. Dokumentasi MDN untuk shadowrootmode yang dibahas dalam edisi Agustus 2026 ini menyediakan informasi lebih lanjut.
Tim penerbit mengajak pembaca memberi tahu tim apabila ada pembaruan Baseline atau tulisan komunitas pengembang web yang terlewat agar dapat dimasukkan dalam edisi bulanan mendatang. Tim penerbit juga mengarahkan setiap pertanyaan atau umpan balik mengenai Baseline untuk disampaikan melalui pengajuan issue pada issue tracker yang disediakan.
Terjemahan dan adaptasi dibantu AI oleh Zennovan News. Karya asli: August 2026 Baseline monthly digest, Jeremy Wagner. Digunakan menurut CC BY 4.0.