JavaScript loops like for
, for...of
, and for...in
are constructs that help run a piece of code multiple times.
You don’t need to guess what’s wrong with your Next.js app. I’ve mapped out the 8 biggest performance traps and the fixes that actually work.
Learn how to truncate text with three dots in CSS, and use two reliable CSS text truncation techniques while covering single-line and multi-line truncations.
Explore how to use Google’s new experimental Interest Invoker API for delays, popovers, and smarter hover UX.
5 Replies to "A guide to theming in CSS"
This is a very cool overview of a simple way to implement. Thanks for sharing.
Thanks a lot for this amazing article. Before this article theming concept was just a nightmare for me. But Man u nailed it.
Thanks for the great article! A couple confusing parts:
– You write “ N/B: When declaring CSS variables, the syntax is **–**”… I would remove the asterisks as it’s unclear for beginners if asterisks are actually part of the syntax of your custom way of highlighting the double dash
– “ perfect for creating theme0aware websites” the 0 should be a hyphen
Thanks for pointing that out, just updated
Thank you for this very informative post! I have to admit, however, that I spent quite a few moments trying to decipher your code for the white text/black text example. It was confusing because the ‘white text’ is actually black and visa-versa. I had my eyes crossing before I realized that. Perhaps you should change the white text to say “Black Text” (since it is) or simply take away the ‘Text’ part of the string. But great content!