8 Photos and videos
CSS Hooks retweeted
5 Apr 2024
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!
5 Apr 2024
1
3
10
2,093
CSS Hooks retweeted
18 Mar 2024
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
1
4
622
What inline styles can do in 2024
13 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
818
When everything else has bugs, you accept the performance hit (assuming it even matters).
27 Feb 2024
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)
611
CSS Hooks retweeted
1 Dec 2023
How do you change an element's background color on hover with inline styles?
6
4
219
30,070
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
2
6
26
2,274
P. S. Not a fan of the new API? You can still upgrade with a little help from github.com/nsaunders/css-hoo….
1
231
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
643
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
25
6,054
We recently published v1.4 featuring a new "recommended" hooks API that offers a convenient way to configure pseudo-class and media query hooks - with more options to come! All hooks are now opt-in, further reducing the size of your style sheet. Ours went from ~3.5kB to ~0.6kB!
2
2
39
11,671
We'd like to extend a special thanks to @markdalgleish for the general design of this API!
1
10
637
CSS Hooks retweeted
4 Jun 2023
Yes, this is planned, but is much harder to implement than the rest of nesting, so it will happen later.
2
8
1,059
This would be great to know from a documentation perspective…
4 Dec 2023
Is applying your `css` function, even when not leveraging hooks, a good future-proofing strategy?
2
2
2,524