CSS Hooks retweeted
First @CSSHooks debunked some deeply-held assumptions about the functional limitations of inline styles. And now @danimal_channel challenges the widespread FUD around inline style performance. Maybe it’s time to re-evaluate your styling framework and consider a simpler approach!
CSS Hooks retweeted
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
CSS Hooks retweeted
Yes, this is planned, but is much harder to implement than the rest of nesting, so it will happen later.
CSS Hooks retweeted
That is a good point; but the hook name is type-checked, and I expect autocompletion would help people avoid the issue in the first place.
CSS Hooks retweeted
ALT RSC killing off runtime CSS-in-JS libraries: You can't defeat me Styled Components: I know, but he can *CSS Hooks*
Check out CSS Hooks. This is *very* cool.
It lets you write type-safe inline styles (literally the `style` attribute) *BUT* with support for a custom set of pseudo-classes, selectors, media/container queries — and nested too! Amazing work @agilecoder 🎉
css-hooks.com
CSS Hooks retweeted
Imagine if inline styles could do this.
As long as every selector within it targets the "&" character (i.e. styling itself) it could be considered valid.
ALT <h1 style=" color: blue; .parent & { color: green; } @media screen and (min-width: 768px) { & {color: red; } }"> Hello world </h1>
CSS Hooks retweeted
Big news for #reactjs #web #frontend #developers:
We can finally just use the `style` prop for state-driven styling (hover, focus, active, etc.) and responsive design.
No weird build steps or #JavaScript side effects.
css-hooks.com
#html #css #typescript #tailwind
