Profile avatar
jantimon.bsky.social
living in Switzerland 🇨🇭 mainly working on typescript, css and compiler related frontend topics https://github.com/jantimon
40 posts 739 followers 1,561 following
Regular Contributor
Active Commenter

🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS. Developed with @d12n.me’s help over the last month. Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others! Blog post: lea.verou.me/blog/2025/st... Docs: observe.style

Released in 2.2.0-beta.2 and it's even smoother now! Here's comparison of latest Vitest on left vs beta on right. Flickering is gone and now you can scroll up to see results without scroll jumping. And of course there's the status summary of active test run on the bottom. github.com/vitest-dev/v...

I wrote about `lh` units and `margin-trim’ for @5t3ph.bsky.social ‘s 12 Days of Web! 12daysofweb.dev/2024/css-mar...

🔥 Just found my new favourite tool for customizing easing curves! Easing Wizard, by @matthiasmartin.dev. Supports all sorts of fancy curves too, via the new `linear()` function! → easingwizard.com

oh wow the team around cartes.app migrated their entire next.js app from styled-components to next-yak

@devongovett.bsky.social postcss allows global CSS keyframe animations in CSS-Modules Could we please add the same for Lightning CSS? github.com/parcel-bundl...

🔥 just released next-yak 4.0 (our 🦀 rust based 💅 styled-components to css compiler) with a neat performance improvements thanks to React 19

React v19 is now stable! react.dev/blog/2024/12...

About half a decade ago, I made this set of single div loaders codepen.io/thebabydino/... The trick is to register a custom property in order to animate a `conic-gradient()` and use `mask` compositing for the rings/ radial slices. At the time, this was Chrome only. Now it's cross-browser! #CSS

CTA to Nav 🗺️ taking the CSS container query for stuck position: sticky elements for a spin 🔥 nav { container-type: scroll-state; } @​container scroll-state(stuck: top) { .nav__content { --expand: 1; } } trick here is to transition grid-template-columns with the custom property value to morph

Would you want core web vitals In Safari? Can you help me understand how you would use them and why numbers in one browser isn’t enough? (These may sound like silly questions, but I’d love to understand *your* specific context and use cases)

Any Switzerland🇨🇭 based software- and tech people here? Would be nice with a local community in the global one too. 🙂 (feel free to repost for reach)

To help fixing the CSS order issues in next.js and webpack I am currently analysing why the order is not the same as in parcel and vite: github.com/webpack/webp... If you have any insights about this topic please let me know

here's more on interpolate-size! nerdy.dev/interpolate-... here's more on starting-style! nerdy.dev/using-starti...

we released next-yak 3.0 (the 🦀rust based styled-components compiler) - supports next.js 15.0 - supports swc 3.x - css prop github.com/jantimon/nex... thanks donny for your help ❤️

Working on the new CSS plugin for ESLint. We're at the point where new rules are testable! 🎉 That also means it's open for rule submissions. Check it out during the long weekend: github.com/eslint/css

quite impressed with Bluesky's UX 🦋