Inline styles are the best option for most of your apps
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!
Are inline styles a performance sleeper pick? #webdev #html #css danielnagy.me/posts/Post_tsr…
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
What inline styles can do in 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/githu…
You either die writing CSS or you live long enough to see yourself writing inline styles. — @danimal_channel
When everything else has bugs, you accept the performance hit (assuming it even matters).
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)
CSS Hooks v2 in a nutshell
This was one of the most interesting topics to me in my entire CS degree 🙌
How do you change an element's background color on hover with inline styles?
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?
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
Yes, this is planned, but is much harder to implement than the rest of nesting, so it will happen later.
This would be great to know from a documentation perspective…
Is applying your `css` function, even when not leveraging hooks, a good future-proofing strategy?
Oof, just noticed an outdated section of the API docs. If you were wondering whether you can use "and" hooks, or nest hook specs to implement complex boolean logic, the answer is YES. Will get the doc update pushed out soon.
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.
United States Trends
- 1. Clemson 10.1K posts
- 2. #SmackDown 45K posts
- 3. Zack Ryder 13.6K posts
- 4. Dabo 1,791 posts
- 5. Steph 33.2K posts
- 6. Landry Shamet 4,980 posts
- 7. Brohm 1,307 posts
- 8. #OPLive 2,188 posts
- 9. Matt Cardona 2,528 posts
- 10. Miller Moss N/A
- 11. #CLAWMARK3D 28.7K posts
- 12. #BostonBlue 2,507 posts
- 13. Marjorie Taylor Greene 35K posts
- 14. Will Richard 4,553 posts
- 15. Massie 45.5K posts
- 16. James Harden 3,403 posts
- 17. Kon Knueppel 2,503 posts
- 18. Bill Clinton 169K posts
- 19. Charles Lee N/A
- 20. Ersson 1,006 posts
Something went wrong.
Something went wrong.