Hi, My name is Andy Leverenz and I work as a Product Designer at Dribbble. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.
Next up in my Let's Build with Tailwind CSS series is a Dribbble Shot component
I reached for the CDN version of Tailwind CSS for this build once again. In future parts of the series, I will leverage more tooling to customize and extend Tailwind further. You can find the complete concept on CodePen https://codepen.io/webcrunchblog/pen/bJZYgO
By day I work at Dribbble, we currently don't make use of Tailwind CSS or any type of CSS framework for that matter but they are certainly on our radar.
### Why choose Tailwind?
I keep getting asked this and for me, it boils down to:
- Scalability by default - One of the hardest things to do well with CSS.
- A lot of work done for you in terms of naming selectors
- It's highly customizable and extendable.
- It's very fast to use and code with
- You can bundle all the utility-first classes into a component using Post-CSS `@apply` statements.
Most look at the framework and hate it at first. It resembles writing inline CSS which I realize is a huge turn-off. After some time with Tailwind you start to realize how much faster you can work. No longer are you naming selectors, adding new stylesheets or partials if you're using SASS/LESS, or spending time hunting down files and CSS you wrote once before. Instead, you're building that feature UI in real-time with little cognitive load on your mind.
💎🛤 NEW COURSE: HELLO RAILS - Get notified
💻 Previously published at:
💻 Check out the blog:
🦄 Check out my personal site:
Weekly Newsletter: https://web-crunch.com/subscribe
Twitter(Personal Account): https://twitter.com/justalever
📘Check out my book on UX Design:
"LUXD: Learn User Experience Design"
📙 Check out my FREE book on Tumblr Theming:
"Pro Tumblr Theming"
💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease:
🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered.
💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it!
☕️ Or buy me a coffee