135: Lessons Learned Building Tailwind UI

Full Stack Radio

Episode | Podcast

Date: Wed, 04 Mar 2020 12:45:00 +0000

<p>Topics include:</p><ul> <li>What Tailwind UI is and why we decided to build it</li> <li>How odd numbers can wreak havoc on a user interface, and how to avoid them</li> <li>Crafting the perfect form control</li> <li>Unexpected benefits of working with CSS Grid</li> <li>Abusing single column grids just to use gap, and why we desperately need gap support in Flexbox</li> </ul><p>Links:</p><ul><li><a href="https://tailwindui.com">Tailwind UI</a></li></ul><p>Supporting the show:</p><p><br />I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.</p><p>If you do want to support the show, the best way to do it is to purchase one of my products:</p><ul> <li> <a href="https://tailwindui.com">Tailwind UI</a>, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS</li> <li> <a href="https://refactoringui.com/book">Refactoring UI</a>, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.</li> <li> <a href="https://adamwathan.me/advanced-vue-component-design">Advanced Vue Component Design</a>, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.</li> <li> <a href="https://course.testdrivenlaravel.com">Test-Driven Laravel</a>, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.</li> <li> <a href="https://adamwathan.me/refactoring-to-collections">Refactoring to Collections</a>, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.</li> </ul>