Full Stack Radio
A podcast for developers interested in building great software products. Adam Wathan is joined by a guest on each episode to talk about everything from product design and user experience to unit testing and system administration.
Full Stack Radio • Wednesday, November 20th 2019
128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes
Alasdair Monk, Adam Wathan
In this episode, Adam talks to Alasdair Monk about how they approach CSS at Heroku, and how using a utility-based approach has kept their team happy for the last three years.
- Why Heroku introduced BEM to try and solve their CSS issues and why it didn't work
- How custom tooling and Ember's component system alleviated any maintainability concerns about littering the HTML with presentational classes
- Why Heroku still uses some component classes like "btn" and "input" even though they could encapsulate those in an Ember component
- Why simply introducing any sort of rigid CSS architecture wasn't enough and why switching to a utility CSS approach...