Pinned
Introducing @renoun/screenshot 📸
Capture any HTML element as an image with pixel-perfect accuracy, including modern CSS features.
- You can prevent masking scrollbars in CSS without hardcoding anything using scroll timeline and container queries codepen.io/souporserious/… .scrollable { overflow-x: auto; container-type: inline-size; scroll-timeline: --scrollfade x; } .mask, table { animation: scrollfadeif you’re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too 🧑🍳 mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px;
- websites can achieve AAA graphics on the web. incredible work and attention to detail here.It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.
- Doing the best work of my career in the most frustrating way possible.
- Me: Let's dogfood this API to make sure it works as expected Claude: All caught by writing real demos with real asserts against the library — the kind of bug you only find by eating your own dog food.
