Tailwind CSS learning tool: is this helpful?
tldr: I made a free tool for memorizing Tailwind CSS utils really, really thoroughly: tailwind gym. I'm looking for folks to try it and give feedback.
I work on a team of full stack devs who last year switched to tailwind as our preferred way of writing styles. The feedback was basically positive but most people reported they felt stuck half-knowing Tailwind: they knew .flex and .text-gray-500 cold, but couldn't remember the steps of the margin/padding scales, and probably weren't even aware of tailwind-specific utils like .space-y-*, for example.
The result was lots of trial-and-error and time spent searching the Tailwind docs, which cut into the productivity we'd otherwise get from tailwind.
As a fix for this I made "tailwind gym," which is a spaced-repetition study system for Tailwind classes. If you've tried Anki or SuperMemo, this works the same way.
Internally we've found it extremely effective and now we're planning to make it freely available. Before doing that I want to get feedback from people in the TW community on:
- whether it feels helpful
- how we could make it more useful
I'm assuming many others on IH use tailwind, so if you have time to check it out, I'd appreciate your thoughts--
Huge fan of tailwind.
Why is the content gated?