128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

FromFull Stack Radio

Start listening View podcast show

128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

FromFull Stack Radio

ratings:

Length:

61 minutes

Released:

Nov 20, 2019

Format:

Podcast episode

Description

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.

Released:

Nov 20, 2019

Format:

Podcast episode

Titles in the series (100)

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

Skip carousel

21: Chad Pytel - Sticking to your guns: In this episode, Adam talks to Chad Pytel, CEO of thoughtbot. Chad gives tips for balancing client work with internal product work, growing your client-base without compromising your principles, and applying Jobs to be Done to new client projects. This e by Full Stack Radio
49 min listen
11: Jeffrey Way - "But how does it feel?": In this episode, Adam talks with Jeffrey Way of Laracasts about learning, object oriented design, testing, API usability, and whole bunch of other stuff. This episode is brought to you by Hired. by Full Stack Radio
68 min listen
6: Chris Fidao - Servers for Hackers: In this episode, Adam talks with Chris Fidao of Userscape. They talk about things every web developer should know about server administration, platform-as-a-service vs. self-hosting, Ansible, Docker, and more. by Full Stack Radio
42 min listen
1: Matt Stauffer - CSS Semantics: In our very first episode, Adam talks with Matt Stauffer of Tighten Co about OOCSS, BEM, SMACSS, preprocessors, common architecture pitfalls, and CSS semantics. by Full Stack Radio
49 min listen
8: Sean Devine - Ember and API first: In this episode, Adam talks with Sean Devine, host of the Ruby on Rails podcast. Sean gives Adam an introduction to building applications with Ember, and how it's different than the way you might sprinkle AngularJS into a mostly server-side app. They talk by Full Stack Radio
58 min listen
9: David Heinemeier Hansson - Architecture, Patterns and Design: In this episode, Adam talks with David Heinemeier Hansson, partner at Basecamp and creator of Ruby on Rails. They talk about the pursuit of "purity", Domain Driven Design, ActiveRecord vs DataMapper, and developing an eye for "good code". by Full Stack Radio
53 min listen
25: Matt Machuga - Tips and tricks to make your code awesome: In this episode, Adam talks to recurring guest Matt Machuga about tips and tricks that lead to better code. They talk about bringing functional programming concepts to OO, simple patterns for cleaning up typical MVC web app code, and about how imposing c by Full Stack Radio
50 min listen
23: Chris Hunt - How GitHub does remote work: In this episode, Adam talks to the Healthy Hacker, Chris Hunt, about how his team at GitHub works remotely. They also talk about entertaining your audience at conferences, taking a Codecation, and adventure motorcycling. This episode is brought to you by by Full Stack Radio
38 min listen
5: Ryan Singer - Jobs-to-be-Done and Product Design: In this episode, Adam talks with Ryan Singer of Basecamp about Jobs-to-be-Done thinking, UX, and product design. by Full Stack Radio
47 min listen
10: Type Safety Roundtable with Ryan Tablada and Matt Machuga: In this episode, Adam talks with Ryan Tablada and Matt Machuga about the philosophical differences between programming in a statically typed language vs. a dynamically typed language. They talk about things like explicit interfaces vs. duck typing, functi by Full Stack Radio
70 min listen
17: Adam Culp - Maximizing Your Conference Experience: In this episode, Adam talks to Adam Culp, organizer of Sunshine PHP and ZendCon. They talk about how to get into conference speaking, how to make the most of a conference as an attendee, as well as tips for running a great local user group. This episode by Full Stack Radio
46 min listen
7: Shawn McCool - BDD and DDD: In this episode, Adam talks with Shawn McCool about Behavior Driven Development and Domain Driven Design. They talk about how you can use these ideas to better understand your clients' needs and to build software that closely models their business. They a by Full Stack Radio
61 min listen
19: Dave Marshall - Designing Effective Tests: In this episode, Adam talks to Dave Marshall, testing guru and host of That Podcast. Dave talks to Adam about the upcoming Mockery 1.0 release and some interesting API changes destined for 2.0. They also talk about how fakes can improve your tests, fixtur by Full Stack Radio
70 min listen
2: Eric Barnes - Wardrobe, Javascript and Writing: In this episode, Adam talks with Eric Barnes of Userscape about rebuilding WardrobeCMS, trends in Javascript development, and building an audience. by Full Stack Radio
40 min listen
12: Jack McDade - Building Photoshoot.io and Getting Stuff Done: In this episode, Adam talks to Jack McDade creator of Statamic, about building his latest project Photoshoot.io. They also talk about how Jack juggles design and development, and how to buckle down and get things done. This episode is brought to you by H by Full Stack Radio
49 min listen
20: Ian Landsman - Code is not a business: In this episode, Adam talks to Ian Landsman, founder of Userscape and creator of HelpSpot. Ian talks about the biggest mistakes programmers make when trying to start their own business, where to find new ideas, and why your new software product shouldn't by Full Stack Radio
71 min listen
44: Joel Clermont - What the heck is Elm?: In this episode, Adam talks to Joel Clermont about the Elm programming language and getting started with functional programming. by Full Stack Radio
54 min listen
14: Taylor Otwell - Building Envoyer, Laravel 5.1 and Learning to Program: In this episode, Adam talks to Taylor Otwell, creator of Laravel. Taylor gives an in-depth behind-the-scenes look at how Envoyer is architected, and shares some new tips and tricks he's been using to keep his code simple. They also talk about the decision by Full Stack Radio
61 min listen
13: Phil Sturgeon - Designing and Testing APIs, Go and PHP 7: In this episode, Adam talks to Philip J. Sturgeon about designing and testing APIs at Ride. They also talk about building microservices with Go, and some of the new features coming in PHP 7. This episode is brought to you by Hired. by Full Stack Radio
75 min listen
16: Kent Beck - Tiny Decisions and Emergent Design: In this episode, Adam talks to Kent Beck about Smalltalk vs. Java, low level design vs. big picture architecture, planning for the future vs. emergent design, and applying the principles of Extreme Programming in 2015. This episode is brought to you by H by Full Stack Radio
46 min listen
4: Alex Bilbie - OAuth 2 and API Security: In this episode, Adam gets super technical with Alex Bilbie about the OAuth 2 specification. They talk about the different grant types and what they're each appropriate for, as well as discuss some potential API security strategies for one of Adam's perso by Full Stack Radio
56 min listen
34: Matt Machuga - Dealing with Dependencies in Active Record Models: In this episode, Matt Machuga of Think Through Math returns to talk with Adam about design options when you find yourself wanting access to a collaborator in an Active Record or Eloquent model. They discuss the pros and cons of four specific designs, and by Full Stack Radio
39 min listen
15: Everzet - Classicist and Mockist TDD: In this episode, Adam talks to Konstantin Kudryashov, creator of Behat and BDD Practice Manager at Inviqa. Konstantin and Adam talk about the schools of TDD, how to use test doubles effectively, and common challenges people face when trying to learn TDD. by Full Stack Radio
57 min listen
30: Evan You - Diving Deep into Vue.js: In this episode, Adam talks to Evan You, the creator of Vue.js. Evan talks about his time at Google Creative Lab and the sort of work that inspired him to create Vue. He also explains in depth how data binding works in Vue, and how it's different and more by Full Stack Radio
37 min listen
47: Sara Soueidan - Ditching Icon Fonts for SVG: In this episode, Adam talks to Sara Soueidan about the benefits of using SVG over icon fonts, and the best workflow for using SVG in your projects. by Full Stack Radio
45 min listen
31: Woody Zuill - #NoEstimates: In this episode Adam talks to Woody Zuill about software project estimation. They talk about the #NoEstimates hash tag, and what it means and where it came from. They also talk about ways to manage software projects without worrying about estimation, and by Full Stack Radio
46 min listen
3: Matt Machuga - Ruby, PHP, object oriented design, testing and other crap: In this episode, Adam talks with Matt Machuga of Think Through Math about being a Rubyist who still writes PHP and the differences between writing PHP like a Rubyist vs. writing PHP like a Java developer. They also talk about common struggles when learnin by Full Stack Radio
62 min listen
22: Corey Haines - The 4 Rules of Simple Design: In this episode, Adam talks to Corey Haines, author of "Understanding the 4 Rules of Simple Design". They talk about the importance of low-level design decisions, tricks for naming things well, why you shouldn't model your objects after the real world, an by Full Stack Radio
65 min listen
18: Katie Cerar - Designing and Prototyping for Clients: In this episode, Adam talks to Katie Cerar, user experience designer at Boltmade. Katie talks to Adam about running a successful kick off meeting, understanding the problems your client is trying to solve, and strategies for getting clients to keep their by Full Stack Radio
40 min listen
27: Ben Orenstein - Outside-in TDD and Dependency Injection in Rails: In this episode, Adam talks to Ben Orenstein of thoughtbot about useful tips for writing the first few tests in your application and working your way down to the unit level by starting with acceptance tests. They also talk about why dependency injection h by Full Stack Radio
36 min listen

More Episodes from Full Stack Radio

Skip carousel

152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company: In this episode Adam talks to Ben Orenstein about what you can do to stand out if you’re trying to get a job at a small company. by Full Stack Radio
48 min listen
151: DHH – Building HEY with Hotwire: In this episode Adam talks to DHH about using Hotwire to develop Basecamp's new email service HEY while shipping only 40kb of JavaScript to the client. by Full Stack Radio
74 min listen
150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0: In this episode, Adam and Jack talk about all the secret tips you need to know to screencast like a pro. Then they go deep into some of the things Adam is working on for Tailwind CSS 2.0, like the new default config file. by Full Stack Radio
59 min listen
149: Choosing a Payment Processor, Radical Icons & W3C Hype: Adam and Jack discuss how it sucks when you're forced to change billing platforms, and embark upon a deep dive on the merits of Adam's favorite solutions. We also talk about Jack's recent Radical Icon launch and promotional strategy regrets, which thankfu by Full Stack Radio
57 min listen
148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects: Adam and Jack talk about accessible focus styles, Headless UI, the new Tailwind Labs YouTube channel, Tailwind presets, and the progress on the great Statamic Bug-Fix-a-Thon of 2020. They also kick around what "Tailwind Lite" could be and where it might l by Full Stack Radio
60 min listen
147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI: Adam and Jack talk about strategies for keeping up with GitHub issues and coping with customer criticism, and how life is going after the Statamic 3 launch. They also talk about the new features in Tailwind 1.8, and work through some branding problems for by Full Stack Radio
80 min listen
146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon: Adam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about the new Tailwind CSS v1.7 release, and the new features l by Full Stack Radio
81 min listen
145: Statamic 3.0 and Tailwind CSS 2.0: Jack McDade joins Adam to talk about what he's been up to building up to the Statamic 3.0 launch (it's out now!) and Adam shares a bunch of ideas he's been working on for Tailwind CSS v2.0. by Full Stack Radio
76 min listen
144: Gary Bernhardt - TypeScript and Testing: In this episode, Adam talks to Gary Bernhardt about building Execute Program, why he chose to build it as a full-stack TypeScript application, and the implications using TypeScript has on what you need to test. by Full Stack Radio
85 min listen
143: Rich Harris - Svelte and Defending the Modern Web: In this episode, Adam talks to Rich Harris about Svelte, and why we should keep pushing forward with the modern web even if it's not perfect yet. by Full Stack Radio
76 min listen
142: Jason Cohen - Learning to Hire and Manage a Team: In this episode, Adam talks to Jason Cohen of WP Engine about hiring people to join the Tailwind team, figuring out what to focus on, and learning how to manage. by Full Stack Radio
55 min listen
141: Jason Fried - Running the Tailwind Business on Basecamp: In this episode, Adam talks to Jason Fried about growing the Tailwind team and how to best use Basecamp to keep his particular company organized. He also walks through tons of real examples from their recent work on HEY, sharing lots of behind-the-scenes stuff about how Basecamp use Basecamp themselves. by Full Stack Radio
67 min listen
140: Evan You - Reimagining the Modern Dev Server with Vite: In this episode, Adam is talks to Evan You about Vite, a new dev server and build tool for modern JavaScript projects. by Full Stack Radio
48 min listen
139: Alex DeBrie - DynamoDB for Relational Database Diehards: In this episode, Adam is talks to Alex DeBrie about DynamoDB, and how it compares to relational databases like MySQL. by Full Stack Radio
59 min listen
138: Tom Preston-Werner - Building Full-Stack JS Apps with Redwood.js: In this episode, Adam is talks to Tom Preston-Werner about Redwood.js, a new full-stack JavaScript framework for building edge-ready web applications. by Full Stack Radio
73 min listen
137: Tim Neutkens - Continuing to Innovate with Next.js 9.3: In this episode, Adam is talks to Tim Neutkens about what's new in Next.js 9.3 and how it's changing the way applications are built at ZEIT. by Full Stack Radio
83 min listen
136: Michael Chan - React Is Not a Rails Competitor: In this episode, Adam is joined by Michael Chan to talk about how people who identify as React developers are building real web applications, and why it seems like nobody is talking about databases or background jobs anymore. by Full Stack Radio
68 min listen
135: Lessons Learned Building Tailwind UI: In this episode, Adam is joined by Sam Selikoff to talk about some of the interesting technical challenges he faced building Tailwind UI, and how working on the project has influenced how he will build layouts in the future. by Full Stack Radio
98 min listen
134: Mark Dalgleish - You Should Be Using Layout Components: In this episode, Adam talks to Mark Dalgleish about common mistakes people make in their approach to constructing layouts, and how dedicated layout components can make your component system much easier to work with. by Full Stack Radio
57 min listen
133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js: In this episode, Adam talks to Sam Selikoff about Mirage.js and how to use it to build production-ready front-end applications, even if your back-end API isn't ready yet. by Full Stack Radio
63 min listen
132: Caleb Porzio - Just Enough JavaScript with Alpine.js: In this episode, Adam talks to Caleb Porzio about his new UI library Alpine.js. by Full Stack Radio
86 min listen
131: Ryan Singer - How Basecamp Builds Software: In this episode, Adam talks to Ryan Singer of Basecamp about how they plan, structure, and execute on new features. by Full Stack Radio
73 min listen
130: David Khourshid - Building Better UI Components with State Machines: In this episode, Adam talks to David Khourshid about using state machines to build UI components that are simpler and more resilient to bugs. by Full Stack Radio
54 min listen
129: Evan You - What's Coming in Vue.js 3.0: In this episode, Adam talks to Evan You about all of the changes and improvements coming to Vue.js 3.0. by Full Stack Radio
78 min listen
127: Jonathan Reinink - Building Modern Monoliths with Inertia.js: In this episode, Adam talks to Jonathan Reinink about Inertia.js, a new framework he recently released that lets you build single page applications with Vue, React, or Svelte, without having to give up the productivity benefits of traditional server-side by Full Stack Radio
96 min listen
126: James Long - Building Distributed Local-First JavaScript Applications: In this episode, Adam talks to James Long (creator of Prettier) about building Actual, a local-first Electron application with no central database that syncs data peer-to-peer. by Full Stack Radio
61 min listen
125: Rob Walling - Choosing the Right Product Idea: In this episode, Adam talks to Rob Walling about choosing, validating, and marketing a viable software product. by Full Stack Radio
55 min listen
124: Leslie Cohn-Wein & Rafael Conde - Designing the User Interface at Netlify: In this episode, Adam talks to Leslie Cohn-Wein and Rafael Conde about designing and implementing new UI features at Netlify. by Full Stack Radio
56 min listen
123: Ian Landsman - Marketing and Positioning a New Tailwind CSS Product: In this episode, Adam gets some advice from Ian Landsman of Userscape on marketing and positioning a new Tailwind CSS components directory project he's working on with Steve Schoger. by Full Stack Radio
66 min listen
122: Matt Biilmann - Architecting the Netlify Dashboard with React and Redux: In this episode, Adam talks to Matt Biilmann CEO of Netlify about building the Netlify dashboard, and what makes it feel so fast. by Full Stack Radio
56 min listen

Discover this podcast and so much more

128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes

Description

Titles in the series (100)

More Episodes from Full Stack Radio