Joseph Farruggio

Camp Counselor

CSS "Best Practices" Don't Actually Work – Tailwind CSS Does And It Will Knock Your Socks Off

Event Logo

Wednesday, July 28, 2021 - 7:30 PM UTC, for 1 hour.

AT THAT (In-Person Only) Regular, 60 minute presentation

Room: 4 & 5

CSS
frontend
tailwind
design

Switching from traditional CSS to a utility CSS framework like Tailwind will knock your socks off. In this demonstration we'll fly through a few reasons why CSS "Best Practices" don't actually work and just make CSS harder. I'll demonstrate how Tailwind improves your development experience, allows you to rapidly prototype, and will help you fall in love with CSS again. With Tailwind CSS there's no more: - thinking about naming conventions (think BEM) - worrying about organizing your CSS file structure based on templates or components - switching back and forth between template files and CSS files - CSS stylesheets that seem to only ever grow larger Instead, with Tailwind CSS you get: - tiny CSS files in production - rapid prototyping - like, really fast. - best in class tooling (JIT compiler, integration with your favorite compilers) - forced consistency without even thinking about it - and plenty more After a primer we'll put Tailwind up to the test and produce the same UI with both traditional CSS and then in Tailwind. The benefits of Tailwind will be clear. If time permits, we'll take a sneak peak at a JS equivalent of Tailwind called Alpine.js.

Prerequisites

Basic understanding of CSS

favorited by:
Colin Lord Ken Samson Justin Weyenberg Ryan Wisniewski Edmund Greaves Wesley Faulkner Vanessa Radlinger Lance Larsen Axel Larsen Timothy Tyson Kevin Kelchen Ryan Holmes Colton Goza Christopher Ebbert David Dugan Bob Dankert Elizabeth Groom Clint Laskowski Phil Busch Robert Derman Mark Anderson Nate Dudenhoeffer Shawn Cannon Joe Forsythe Jeana Clark