If you’ve ever held a Pantone fan deck — the kind graphic designers used to carry around like a sacred artifact — you know the satisfying way those...
For further actions, you may consider blocking this person and/or reporting abuse
Hi Mads, this project is absolutely mind-blowing! I'm a beginner developer currently studying HTML and CSS, and seeing how you used trigonometric functions to create this Pantone deck is incredibly inspiring.
I'm working on my CSS foundations, but I'd love to reach this level of 'creative coding' one day.
If you had to suggest one specific topic to study to move from basic layouts to this kind of advanced UI, what would it be?
Thanks for sharing your brilliance with the community!Hi Luigi,
Thank you! You’re on the right track: just keep reading all the cool stuff here on Dev.to (I’ve written a lot about creative CSS-stuff 😊). And do CodePen challenges! It’s a fun thing to do, you learn new stuff and get creative — highly recommended!
Thanks for the great tip, Mads! I've actually just started exploring CodePen, so I'll definitely look into the challenges. I'm also going to deep dive into your previous articles—your work is exactly the kind of 'CSS magic' I want to learn. Cheers!
The
sibling-index()andsibling-count()combo is wild. I've been waiting for something like this forever — no more nth-child hacks or CSS counter workarounds.Quick question: how's browser support looking for
progress()right now? I'd love to use this pattern in production but I'm guessing it's still Chromium-only? Any ideas for a graceful fallback?It’s in Chrome and Safari, but not Firefox
Very cool !
Thanks!
This is very cool. Have you ever played the Pantone board game? You make famous characters with pantone cards and people have to guess what they are. Looks like 8-bit art.
No, just Googled it, seems fun!
Mads, my CSS hero :-)
Thank you!