Frontend First cover image

Frontend First

Adam Wathan on Tailwind CSS

May 11, 2018
Adam Wathan, the creator of Tailwind CSS, talks about coupling in HTML and CSS, different styling approaches, messy templates, component classes in Tailwind, CSS patterns in SPA, experimental design tools, and the future of Tailwind.
01:07:00

Episode guests

Podcast summary created with Snipd AI

Quick takeaways

  • Tailwind CSS provides more flexibility and control over CSS, replacing Bootstrap.
  • Functional CSS libraries like Tailwind offer faster development and enhance the reusability of components.

Deep dives

The Evolution of Tailwind CSS

Tailwind CSS originally started as a set of styles created by the speaker. It was developed to replace Bootstrap and provide more flexibility and control over the CSS. The speaker wanted to keep using Less due to its features, such as being able to use classes as mixins. This approach eventually evolved into the concept of utility classes, which allowed for greater reusability and composition. The speaker also emphasized the importance of separating CSS and HTML concerns, and how this approach improves maintainability and efficiency.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode