135: Lessons Learned Building Tailwind UI

FromFull Stack Radio

Start listening View podcast show

135: Lessons Learned Building Tailwind UI

FromFull Stack Radio

ratings:

Length:

98 minutes

Released:

Mar 4, 2020

Format:

Podcast episode

Description

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.

Released:

Mar 4, 2020

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
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
128: Alasdair Monk - Scaling CSS at Heroku with Utility Classes: 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. by Full Stack Radio
61 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

Related podcast episodes

Skip carousel

Why the browser is the most complex runtime environment by Frontend First
63 min listen
Why Segun Adebayo Calls Himself A UX Engineer Instead Of A Designer: Segun Adebayo talks about how he ended up becoming a UX engineer as well as the Chakra UI design system. by egghead.io developer chats
28 min listen
Live with Adam Wathan at Rails World 2023 by Remote Ruby
52 min listen
Episode 368: JSJ 364: Ember Octane with Sam Selikoff by JavaScript Jabber
53 min listen
TSEC 82: How Peer Review Can Help Move the Structural Engineering Industry Forward: In this episode, we talk to James (Jim) O. Malley, S.E., about what peer review is and how it can help move the structural engineering industry forward. He also talks about the building code requirements for seismic design and how these codes allow for... by The Structural Engineering Channel
30 min listen
Live from TWIMLcon! Encoding Company Culture in Applied AI Systems - #305: In this episode, Sam is joined by Deepak Agarwal, VP of Engineering at LinkedIn, who graced the stage at TWIMLcon: AI Platforms for a keynote interview. In this episode Deepak shares: The incredible impact that standardizing processes and tools... by The TWIML AI Podcast (formerly This Week in Machine Learning & Artificial Intelligence)
32 min listen
Developing Redwood Applications: Redwood is a state-of-the-art graphical interface that defines the look and feel of the new Oracle Cloud Redwood Applications. In this episode, hosts Lois Houston and Nikita Abraham, along with Senior Principal OCI Instructor Joe Greenwald, take... by Oracle University Podcast
21 min listen
Episode 278: JSJ 277: Dojo 2 with Dylan Schiemann and Kitson Kelly by JavaScript Jabber
63 min listen
TSEC 102: Engineering Across Continents: Challenges and Lessons Learned from Working Abroad: In this episode, we talk to Joseph Camajani, SE, a principal and client executive at IMEG Corp about his global engineering experiences across five continents. He highlights the challenges he encountered, and how working abroad influenced his outlook o... by The Structural Engineering Channel
23 min listen
Tailwind CSS, Headless UI, and Powerlifting with Adam Wathan by Whiskey Web and Whatnot: Web Development, Neat
54 min listen
React vs. Vue: With Guests Cassidy Williams & Erik Hanchett by if/else
29 min listen
The Surprising Implications of Architecting for Generality with Michael Nygard: On this continuation of Gene Kim’s interview with Michael Nygard, Senior Vice President, Travel Solutions Platform Development Enterprise Architecture, for Sabre, they discuss his reflections on Admiral Rickover's work with the US Naval Reactor Core ... by The Idealcast with Gene Kim by IT Revolution
91 min listen
Underwater Robots Are Cool - with Jeff Smith, VP & GM of Autonomous and Undersea Systems at Saab by Joel Beasley | Modern CTO
47 min listen
Streaming Data Pipelines Made SQL With Decodable: An interview with Eric Sammer about the difficulty of working with streaming engines at a low level of abstraction and how he and his team at Decodable are working to make development of streaming data pipelines as straightforward as writing SQL by Data Engineering Podcast
70 min listen
TSEC 34: How the Cloud Is Shifting the Way We Design: In this episode of The Structural Engineering Channel Podcast, we talk to Sam Carigliano, CEO and co-founder of SkyCiv Engineering. Sam talks about how the cloud is shifting the way we design and also talks about programming in structural engineering. by The Structural Engineering Channel
31 min listen
From IC to global leadership: career growth as a Technical Advisor w/ William A. Adams #88: We explore the career journey of Technologist & Technical Advisor William A. Adams. We cover how he identifies his next career challenges, the technical advisor role and how you can build your skills to grow into the role. Plus we get into the “people challenges” of the job, how the “human work” is the secret to unlocking creativity, and why building the social fabric of work matters. by The Engineering Leadership Podcast
56 min listen
Design Tools and Practices - Past, Present and into the Future: The digital transformation has allowed us to design, engineer and build in ways never before imagined. But what was it like for engineers before software and even computers? …Are you kidding? Yes, once upon a time drafting tables with lots of ink and Mylar paper were the modus operandi for the industry. Welcome to season three of Talking Aerospace Today. In this episode, “Design Tools and Practices – Past, Present and into the Future” we discuss the tools and methodologies engineers have used throughout the decades. We’ll look at current and future technologies, too. Of course, the perspective we’ll be taking is that of electrical engineers responsible for electrical systems and platforms in the Aerospace and Defense industry. The industry has gone through major catalysts, or inflection points, through the years and we’ll discuss these catalysts, by Talking Aerospace Today
26 min listen
Episode 143: AiA 143 KendoUI with Burke Holland by Adventures in Angular
39 min listen
Episode 284: JSJ 282: Trails.js with Scott Wyatt by JavaScript Jabber
46 min listen
Vite, Debugging, and PNPM with Ed Faulkner by Whiskey Web and Whatnot: Web Development, Neat
54 min listen
Episode 158: AiA 157: Building Angular by Adventures in Angular
42 min listen
Molding Leadership Within Tech with Adam Zimman: This week Corey is joined by Adam Zimman, a self proclaimed “public servant” of the tech world, to talk about often unspoken about aspects of the industry—at least on the technolgoy side of the house. Adam is here to discuss leadership, product marketing, by Screaming in the Cloud
38 min listen
Desktop Apps in Ruby ft. Andy - RUBY 547: Andy Maleh joins the show today to share his opensource desktop development library app for Ruby, Glimmer. Enjoy hearing about why and how Andy created Glimmer, specific applications for implementation, comparison to other apps, DSL framework, using widgets within Glimmer, feature additives, testing, and various compatibilities. In this episode… What is Glimmer and how does it work The story on why Andy built Glimmer The DSL framework Using widgets in Glimmer Distribution for Glimmer Missing features in Glimmer Compatibility with RubyMotion How to test with Glimmer by Ruby Rogues
68 min listen
Episode 192: AiA 191: UX in Angular with Tomek Sułkowski by Adventures in Angular
43 min listen
134: Architecture, And: Growing a Tech Start-up out of an Architecture Firm by Practice Disrupted by Practice of Architecture
42 min listen
TECC 311: How to Get the Most Out of Your Engineering Internship: In this episode, we talk with Sam LaMontanaro P.E., C.E.M., Director of Engineering at Aufgang Architects, LLC, about internship programs that are tailored for young engineers. We delve into the exciting opportunities these programs offer and how they ... by The Engineering Career Coach Podcast
25 min listen
Builder.io and Qwik - JSJ 540 by JavaScript Jabber
84 min listen
[Exclusive] Tecton Round-table // Get your ML Application Into Production by MLOps.community
56 min listen
15: Functional Programming with Elm, ClojureScript, Om, and React: Episode 15 deep dives into the programming experiences of Adam Solove (@asolove), Head of Engineering at Pagemodo. Adam has spent the last ten years building web interfaces various technologies such as CGI, Flash, DHTML, RJS, jQuery, and many MVC... by The Web Platform Podcast
51 min listen
AiA 154: Angular Animations with Gil Fink by Adventures in Angular
46 min listen

Discover this podcast and so much more

135: Lessons Learned Building Tailwind UI

135: Lessons Learned Building Tailwind UI

Description

Titles in the series (100)

More Episodes from Full Stack Radio

Related podcast episodes