bram.us / .bram-us

I'm extremely pleased to announce the release of Scroll-Triggered Animations Debugger, a DevTools extension to visualize and debug CSS Scroll-Triggered Animations.

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.

Continuing my streak of small form-related Custom Elements (like ), I built . 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 ...

Whenever I build a new tool or custom element (like or ), I always end up doing the same manual dance: checking if the package name is still free on NPM and if the matching .netlify.app subdomain is still unclaimed on Netlify. To automate that check, ...

Back in late 2024, I started working on a fun end-of-year side project named ie-page-transitions. It"s a CSS + JS library that brings back Microsoft Internet Explorer's proprietary "Interpage Transitions" to modern browsers, powered by the View ...

When recording screen casts or doing live demos, I typically rely on a native macOS app to visualize my keystrokes on screen. Recently, however, that app got blocked on my work machine by a corporate security policy. Additionally, the keystrokes ...

Chrome 154 adds support for responsively-sized iframes, letting an size itself based on the intrinsic size of its embedded document. This is perfect for seamlessly embedding third-party comment widgets, varying-height social media embeds, or any ...

One detail that has always bugged me about publishing a package to NPM is how build output paths like dist/ can leak into the public API.Turns out, npm publish can do it, but to make it work seamlessly in a real-world project, you need a few extra .. ...