@CSSHooks
css-hooks.com
Joined August 2023
  • Tweets68
  • Following75
  • Followers479
9Media
Include

Only show posts containing:

Exclude

Hide posts containing:

Time range
-
Minimum likes
Love this. Preact v11 also features a simplified inline style implementation - part of the reason for the compatibility break. Works great with CSS Hooks v4-next. Congrats to the Preact team on the upcoming v11!
jovi 🐨
@JoviDeCSep 5
Preact 11 has been long in the making and I'm really proud of what came out the other end. It has quite some history as we first started working on a backing-node (fiber-like) structure for Preact but reversed.
3
333
So many CSS gaps have been closed. Still waiting for &:hover + @\media in the style prop. Until then...CSS Hooks.
Ajay Yadav
@ATechAjaySep 4
R.I.P. CSS-in-JS. R.I.P. 400 lines of media queries. R.I.P. to useState just to track a hover. The browser now does it all natively. 7 modern CSS features that deleted my old code 👇
1
257
Wait…no @\stylexjs/babel-plugin? That's right. You can see the whole styling system right there in App.tsx. No extra build step needed.
Nick Saunders
@agilecoderAug 26
@\starting-style is a game-changer indeed. I recently added support to CSS Hooks, so you can use it without even leaving the style prop!
693
css-hooks.com/?referrer=x&da…

CSS Hooks

css-hooks.com
2
183
We believe styling should be expressive, colocated, and predictable. Today, we take that mission a step further with a new look designed to be as modern as the code CSS Hooks enables you to write. Experience the evolution in the first reply. 👇
1
1
6
318
CSS Hooks retweeted
JLarky
@JLarky17 Apr 2024
Replying to @sebastienlorber
Inline styles are the best option for most of your apps
1
1
3
946
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!
Daniel Nagy@danielnagydotme5 Apr 2024
Are inline styles a performance sleeper pick? #webdev #html #css danielnagy.me/posts/Post_tsr…
1
3
10
2,099
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
1
4
624
What inline styles can do in 2024
Nick Saunders
@agilecoder13 Mar 2024
Material Design-inspired text field 👉 No state 👉 No side effects 👉 Full style encapsulation 👉 2 reusable hooks (188 bytes of CSS) codesandbox.io/p/devbox/gith…
1
894
You either die writing CSS or you live long enough to see yourself writing inline styles. — @danimal_channel
1
1
3
889
When everything else has bugs, you accept the performance hit (assuming it even matters).
Ryan Florence
@ryanflorence27 Feb 2024
Replying to @agilecoder @thdxr
Because everything else has bugs and the performance hit is rarely observed (I’ve never seen it matter and I flush sync with state at the root all the time)
649
CSS Hooks v2 in a nutshell
This quoted post is unavailable.
Try viewing anyway · View on X
2
621
Replying to @gregwilker
How do you change an element's background color on hover with inline styles?
6
4
1
216
30,123
P. S. Not a fan of the new API? You can still upgrade with a little help from github.com/nsaunders/css-hoo….

GitHub - nsaunders/css-hooks-basic: A simplified CSS Hooks API for basic use cases

A simplified CSS Hooks API for basic use cases. Contribute to nsaunders/css-hooks-basic development by creating an account on GitHub.

github.com
1
242
v2 has landed with a more composable model for hooks, adding flexibility and promoting reuse. With locally-defined combinational logic, you can invert a hook or combine it with other hooks using and/or operators. Check out the details on the new website! css-hooks.com

CSS Hooks

css-hooks.com
2
6
24
2,286
As of today's v1.8 release, CSS Hooks supports @supports!
2
432
v1.7 is out! The `css` function now accepts a variable number of style object arguments, merging them in a more predictable manner than spreading. Enabling the new `sort` option ensures that the last declaration in input order always has the highest priority. Default in v2?
10
648
Are you a @QwikDev in need of a simple styling solution? We've got you covered with our latest framework integration. Visit our website to get started...quick. 🙃 css-hooks.com
1
6
2
25
6,057
Great question! `recommended` is a shortcut for an opinionated set of hooks, but the existing API remains unchanged. That means you can still configure hooks directly, e.g. const [hooks, css] = createHooks({ md: "@media (600px <= width < 1000px)" });
1
61
We'd like to extend a special thanks to @markdalgleish for the general design of this API!
1
10
638
Load more