Sideproject I’ve been spending my tokens on: https://gtajs.wtf/
It’s a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL.
The project is not entirely finished, but since I am leaving on vacation tomorrow, I might as well just publish what I have — done is better than perfect 😀
And yes, I totally asked Gemini to implement certain things, based on open source reimplementations, public documentation and community notes, or by simply telling Gemini how I recall the game from playing it a lot back in the day.
Still a lot of things to do (cops!) but it’s already very much playable.
Note that because this is a reimplementation (it’s not a DOSBox wrapper / emulator / decompiled version / …) there are differences compared to the original 1997 game in certain physics behaviors, animations, etc.
The mission engine is accurate though, as that is publicly documented 😊
Sideproject I’ve been spending my tokens on: https://gtajs.wtf/
It’s a reimplementation of the 1997 Grand Theft Auto engine in JavaScript and WebGL.
The project is not entirely finished, but since I am leaving on vacation tomorrow, I might as well just publish what I have — done is better than perfect 😀
👀 Sneak peek …
Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients!
Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming!
Here's the Explainer: https://github.com/w3c/csswg-drafts/blob/main/css-images-5/explainers/2d-gradients.md
Building CSS Scroll-Triggered Animations (or thinking of building some) with `animation-trigger` and `timeline-trigger`?
Here’s the debugging tool you are looking for: https://brm.us/sta-debugger
A candidate for Interop 2027: Scroll-Triggered Animations, the missing key to scrollytelling in CSS. I wanted to create demos showing how to wire them up and easily create fun effects (especially with typography). To be complete, I also added syntax info, tips, and tricks. Happy scrolly!
Being a big fan of the CSS Typed OM, I’ve wanted a proper polyfill for it for years.
Just before my summer vacation back in July, with the help of Gemini/Antigravity, I finally built one: css-typed-om.
Following my Scroll-Driven Animations Debugger Extension for Chrome DevTools, I’m working on a similar extension to help you debug Scroll-Triggered Animations.
Sneak peek: https://youtu.be/C5hn16x31I8
WDYT? Any features you want to see?
RE: https://front-end.social/@bramus/113107794001925698
Just before the weekend I did some long overdue updates to this project.
The caniuse and bcd datasets can now be updated by the app itself. The app also warns when the datasets are quite old.
Now also shows baseline status indicators.
Bootstrap 6 alpha 1 got announced today: https://blog.getbootstrap.com/2026/10/08/bootstrap-6-alpha/
Great to see how many modern CSS features the project is now leaning into: @property, @layer, @starting-style, oklch(), color-mix(), light-dark(), interpolate-size, :has(), …
(Yes, Bootstrap still is a thing)
I'm really glad we're running this again. It helped us prioritise a lot of work this year.
The previous method was counting 👍 on GitHub issues, which (imo) is too easily gamed, either intentionally or unintentionally.
RE: https://fed.brid.gy/r/https://bsky.app/profile/did:plc:cs3zn3kikj5kwzljlvyr55sg/post/3mxfmi3rlvg2z
👀 Ooh, support for `interpolate-size: allow-keywords` and `calc-size()` in Safari Technology Preview 254.
These two allow you to do things like animating elements to `height: auto`.
Check https://developer.chrome.com/docs/css-ui/animate-to-height-auto to get the details.
Today I built `<calc-input>`. It’s a custom input element that accepts mathematical formulas — such as 2 + 3 or (2 + 3) * 4 — and automatically toggles between showing the formula on focus and the calculated result on blur.
Remember Internet Explorer’s “Page Transitions”?
Well, they’re back, thanks to the View Transition API!
→ Blog post: https://brm.us/page-transitions
→ Demo site: https://page-transitions.style/
The project leverages IE’s meta tags so browser support is not limited to Modern Browsers™ but also includes IE 5.5–8.0 😆
If this looks familiar: I first started working on this in 2024 but never got round to finishing the project.
https://front-end.social/@bramus/113668504142777945
(I also mentioned it a few times at conferences)
Thanks to Gemini, I finally managed to implement the remaining effects and got to releasing the 1.0.0 version 😊
Remember Internet Explorer’s “Page Transitions”?
Well, they’re back, thanks to the View Transition API!
→ Blog post: https://brm.us/page-transitions
→ Demo site: https://page-transitions.style/
The project leverages IE’s meta tags so browser support is not limited to Modern Browsers™ but also includes IE 5.5–8.0 😆
"<rich-input> demo" by Bramus
https://codepen.io/editor/bramus/pen/01a0a185-7c1d-7487-9082-528055f64685
Pretty impressive combination of new web tech to make this happen: <datalist>, the OpaqueRange API, and the CSS Custom Highlight API.
After 7.5 months of tweaking, reviewing, and rewriting, the docs for Scroll-Triggered Animations have landed on @mdn (MDN)!
Congrats and thanks to @chrisdavidmills and @estelle for their hard work and sweating the details on this!