Episode 111
111: Jeffrey Way - Building the New Laracasts with Tailwind CSS
In this episode, Adam talks to Jeffrey Way about the process of building the brand new Laracasts.com with Tailwind CSS.
March 28, 20191h 24m
Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Topics include:
- How Jeffrey has written CSS historically, and what drew him to a utility-first approach
- Incrementally replacing Bulma with Tailwind
- The importance of solidifying your Tailwind configuration before beginning to implement a design
- The new Tailwind color system
- Why choosing a color palette in advance is much better than using preprocessor functions like darken() or lighten()
- How duplicating your markup is often a better solution than trying to write incredibly crafty responsive CSS
- How Tailwind helps with performance by letting you keep your CSS cached
- How to use CSS variables to create multiple themes for the same Tailwind site
Sponsors:
- Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open Collective
- ImageCon, Cloudinary's upcoming conference for any developer who works with rich media. Get 15% off using the code FULLSTACKRADIO15.
Links:
- Laracasts
- Tailwind CSS
- Group Hover in Tailwind
- Mobile Twitter, responsive app without media queries
- Theming Tailwind demo on GitHub
- Easy Tailwind Themes Using CSS Variables, free lesson on Laracasts
- Laravel, Vue and SPAs, Laracasts series on building an SPA with Tailwind CSS
- LaraCats.com 😸
Topics
technologysoftwarewebdevelopmentproductstartup