Chrome DevRel at Google (CSS + Web UI + DevTools). CSSWG Member. PADI Divemaster. Blogs at bram.us. Lives in Belgium.
Bramus
Loading...
New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Today’s Browsers.
I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.
CSS is DOOMed!
I've build DOOM in CSS and every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
cssdoom.wtf
Try it out! But... not every browser can handle it. This is taking the browser to its limit. Chrome has some issues. Safari too. Bugs will be filed.
Ooh, the recording of my Anchor talk at #SotB2026 got published! 🤩
At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitat...
If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain: the reality was that only one of both would stick.
A recent change to CSS fixes this: `position: sticky` now plays nice with _single-axis scrollers_.
DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.
February in Servo…
⏯️📜 pause and resume in DevTools
🤏🖱️ Pointer Events API
🧲🪟 <button command>
🔰🎨 ‘@property’ and ‘:modal’
📦🌐 better JS modules support
servo.org/blog/2026/03...
Niels Leenheer
Eat your own dogfood: my `.theme-switcher` here has `position; fixed` yet it is scrolling away as I scroll the sidebar.
With my extension, I quickly found out that it’s because the CB for the switcher is the sidebar element and not the viewport (because of a `backdrop-filter` on that sidebar)
I've been caught by this before, and I've seen other experienced #CSS devs get stuck on it:
* { color: deepPink; }
html#high-specificity { color: teal !important; }
If we put that ID on the root, and some text in our document, what color will the text be?
What's the best way to showcase modern CSS features? By making games!
This time it's the Dino Game 🦖 by @developer.chrome.com
css-tip.com/dino-game/
100% CSS magic playable with the keyboard. Yes, you can jump and crouch with the arrow keys! 👀
Don't search for the JS, there is none.
🎮 New CSS-themed Crossword
comicss.art/games/14/
This time it comes with some updates:
- Autosaves so you can continue at a later time
- Checks the crosswords for errors (on demand)
- Prints nicely (this already had, but it's cool 😅)
Works better on desktop. Figuring out the mobile part still.
