Halo sobat tech! Lagi sibuk-sibuknya ngerjain tugas kuliah atau project akhir? Saya tahu banget waktu kalian itu sangat berharga. Nah, di edisi What’s !important #14 kali ini, kita bakal ngebut ngebahas update seru di dunia web development yang lagi rame dalam dua minggu terakhir. Meskipun browser update-nya nggak terlalu banyak, tapi inovasi yang muncul bener-bener bikin geleng-geleng kepala. Mulai dari bikin musik pakai HTML, main game Quake di dalam browser lewat CSS, sampai trik baru soal CSS Gap Decorations yang bakal bikin tampilan UI kalian makin ciamik!

CSS Quake dan Inovasi Web Terbaru

Pernah bayangin main game legendaris tahun 90-an seperti Quake langsung di browser cuma modal CSS? Yap, lewat PolyCSS, Layoutit baru aja ngerilis CSS Quake. Ini adalah porting dari game klasik tersebut yang bener-bener *full* CSS. Nggak cuma itu, ada juga Hyperblam buatan Heydon Pickering. Ini adalah implementasi Web Audio API yang menggunakan Web Components untuk bikin musik tanpa perlu setitik pun JavaScript. Gokil, kan?

Eksplorasi CSS Gap Decorations & random()

Buat kalian yang sering berkutat dengan layouting, kalian pasti akrab sama 'gap' di flexbox atau grid. Nah, Temani Afif baru aja nunjukin gimana caranya kita bisa ngasih *style* pada *gap* tersebut. Dulu, kita mungkin cuma bisa ngandelin margin atau padding yang ribet, tapi sekarang dengan gap decorations, banyak banget kemungkinan desain yang bisa dieksplorasi.

Selain itu, ada eksperimen CSS random() yang dibahas oleh Polypane. Fungsi ini sebenernya masih belum disupport banyak browser kecuali Safari, tapi potensinya buat bikin efek visual seperti *bokeh*, kelopak bunga berguguran, sampai tumpukan foto polaroid yang berantakan itu luar biasa. Kalau ini udah *stable*, bakal makin gampang bikin animasi *random* tanpa perlu ribet pakai logika JS di dalam *codebase* kalian.

Fluid