Using the CSS rotate function without the jitter
A walk through the CSS rotate function: the syntax and angle units, why transform-origin trips people up, independent transform properties, and how to stop rotations from jittering on the main thread.
Category: Front-end
Why CSS rotateZ beats rotate() for animation performance
CSS rotateZ looks like the 2D rotate() but runs differently: it can push rendering onto the GPU and keep animations off the main thread. Covers the performance difference, isometric layouts, and the angle units worth knowing.
WebAssembly in the Browser: compile C and run it
Run C code in the browser with WebAssembly, no local toolchain required. This walkthrough uses GitHub Codespaces and Emscripten to compile and run your first WASM app, then wires it to JavaScript.
Stable zigzag CSS layouts with CSS Grid and transforms
Staggered zigzag layouts usually turn into brittle flexbox hacks that wreck DOM order. Here is how CSS Grid plus a translateY transform gives you a stable waterfall effect, including the gap math and the overflow fix.
Folded corners with the CSS corner-shape property
A look at the experimental CSS corner-shape property for building folded-corner effects without clip-path polygons or gradient hacks, including how to add the bevel, shape the crease, and fall back gracefully in Firefox and Safari.
CSS scroll-snap events for leaner scrollytelling
A leaner way to build scrollytelling: the scrollsnapchange and scrollsnapchanging events, the CSS and JS behind a Mother’s Day 2026 experiment, and where browser support stands.
Building the Apple Vision Pro animation in CSS
Scroll-driven animation APIs now cover most of what GSAP used to do. This walks through the Vision Pro scroll effect in plain CSS: grid stacking, a sticky container, view-timeline ranges, and where Firefox still leaves you stuck.
Why your CSS saturate() filters look bad
Saturation is a correction tool, not a volume knob. How CSS saturate() actually paints, why the order you chain filters in changes the result, and the stacking context backdrop-filter quietly creates.
Using the CSS contrast() filter in WordPress themes
Notes on using the CSS contrast() filter in WordPress themes: how the RGB math works, why it beats a black overlay on hero images, a 125% hover fix for washed out product cards, and where filters get expensive.
The CSS hypot function: distance math without JavaScript
CSS has a hypot() function that does Pythagorean distance math and, unlike pow(), accepts units like px and rem. I cover what it returns, a cursor-proximity example using container style queries, and the edge cases worth knowing.