daily.dev·5yWhy I moved from styled-components to Tailwind CSS and what's the future of CSS-in-JS?
Styled-components is an open-source JS library that uses the power of JavaScript to create styled React components easily. Tailwind CSS follows the Atomic CSS methodology, where every class sets only one styling rule. The only difference is that you write your CSS in your JS files or even JSX.
DevDojo·5yTailwindCSS Hidden Gems 💎
Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add dividers between your Elements. Instead of using custom box-shadow values to create rings around elements, can utilize these classes to display the same output.
Product Hunt·5yTailwind UI Kit — 600+ components, 30 templates, React, Angular, & Vue support
Tailwind UI Kit is a one-of-a-kind collection of 600+ ready-to-drop-in components. It includes 30 templates with react, angular, and vue support. It's available for iOS, Android, and web apps. For more information, visit Tailwind's website.
Product Hunt·5y#30DaysOfTailwindCSS — The Tailwind CSS Challenge.
Keep yourself accountable while learning Tailwind. Share your process on Twitter with the hashtag. Embed the Tailwind app on your iPhone or iPad to help you stay on top of your learning. Share photos and videos of your progress on Twitter @TailwindTweets and @CNNOpinion.
ITNEXT·5yYes, here’s the best CSS framework in 2021
The best CSS framework depends on 3 things: design, time, team. There are 3 kinds of CSS frameworks: preprocessors, component-based and utility-first. React with styled-components and Tailwind CSS are the two most popular. Bulma has a lot of components for most cases and is clean by default.
daily.dev·5yTailwind CSS JIT Compiler: First Impression
Tailwind CSS is a utility-first CSS framework. Its PostCSS plugin generates atomic classes that we can use in HTML to style a component rapidly. The problem is that too many classes are produced, and it yields a massive CSS bundle. The new JIT compiler, inspired by Windi CSS, is here to save the day.
