OwlTail

Cover image of Chris Coyier

Chris Coyier

57 Podcast Episodes

Latest 4 Feb 2023 | Updated Daily

Episode artwork

#57 - From Turbo Pascal to CodePen, with Chris Coyier

The Work Item - A Career Growth and Exploration Podcast

If you are a web developer, chances are that you used CodePen more than once. You’re also probably very familiar with CSS-Tricks for, well, more than just CSS tricks. The man behind these experiences, Chris Coyier, actually started his journey some time ago with a programming language called Turbo Pascal - many steps removed from web development. I sat down with Chris to talk more about his career, lessons in getting CodePen out into the world, and so much more. You can find Chris on the following sites: 🐤 Twitter 📝 Website The podcast was produced by Den Delimarsky. Music by Wataboi from Pixabay.

38mins

29 Oct 2022

Episode artwork

What It’s Like Building and Selling a Content Company with Chris Coyier

How I Built It

“Creator” is a word that has really come into focus in an industry in the last few years. But content creation is nearly as old as the internet itself. And building businesses from your content…that’s not new either. Just ask Chris Coyier, the founder who recently sold his hugely popular blog, CSS Tricks, to Digital Ocean. We talk about his journey, how he made money, and answer the question: are we seeing an uptick in content acquisitions as more companies realize it’s a great way to establish trust. Top Takeaways: Kickstarting the CSS Tricks redesign generated a lot of revenue, but ended up resulting in a loss. Still, it did its job: it gave Chris capital to build the business.CSS Tricks has always been about ads as a way to make money. It started off as handshake deals at conferences, but the process became more formalized.The best thing you can do for advertisers and offer packages. Get them in front of all of the eyeballs you have access to. You can charge more and deliver better results. Show Notes: Chris CoyierChris on TwitterWP JukeboxKickstarter CSS TricksJoin the Creator CrewSponsored by: Nexcess | TextExpander | LearnDash

1hr

27 Jun 2022

Similar People

Episode artwork

Chris Coyier on being persistent

How I Built It

Chris Coyier is a man of many hats and has successfully started and sold websites, wrote books, and has a great tech startup. In today's bit, he offers some advice that is the key to his success. Listen to the entire episode at https://howibuilt.it/006 Be sure to subscribe at https://howibuilt.it/subscribe This clip is brought to you by WP Wallet

8mins

4 Jun 2022

Episode artwork

#21 – Chris Coyier Talks About Why He Sold CSS-Tricks

WP Tavern

On the podcast today we have Chris Coyier. Chris has been a user and educator in the WordPress and web development space for many years. He’s an author, podcaster, developer, but is perhaps best known for his website CSS-Tricks. CSS-Tricks has been a valuable source of information about CSS for over 15 years. Updated multiple times a week, the site has articles about every aspect of styling your website. It’s gone through several iterations over those years. A few weeks ago Chris decided it was time for CSS-Tricks to find a new home and it’s now owned and operated by Digital Ocean, a popular cloud computing service provider. This podcast is all about the journey that Chris has had running CSS-Tricks.

41mins

6 Apr 2022

Most Popular

Episode artwork

#21 – Chris Coyier Talks About Why He Sold CSS-Tricks

Jukebox

On the podcast today we have Chris Coyier. Chris has been a user and educator in the WordPress and web development space for many years. He’s an author, podcaster, developer, but is perhaps best known for his website CSS-Tricks. CSS-Tricks has been a valuable source of information about CSS for over 15 years. Updated multiple times a week, the site has articles about every aspect of styling your website. It’s gone through several iterations over those years, not just in how it looks, but in the manner in which it is managed and maintained. If you're searching for any CSS related content, it's quite likely that CSS-Tricks will be one of the top results. A few weeks ago Chris decided it was time for CSS-Tricks to find a new home and it’s now owned and operated by Digital Ocean, a popular cloud computing service provider. This podcast is all about the journey that Chris has had running CSS-Tricks. We go right back to the start and talk about what his motivations were for starting, and then continuing to run the site. Were there any low points where he lost his motivation to keep it going? How has the site changed over the years? Why did he finally decide to sell the site, and how he landed upon Digital Ocean as the new custodian? It’s been a remarkable journey, and you’ll hear that there were many twists and turns along the way.Useful links.CSS-Tricks Chris' personal website Digging into WordPress Codepen

41mins

6 Apr 2022

Episode artwork

Creating CodePen, Tackling Tailwind, and Keeping It Simple with Chris Coyier

Whiskey Web and Whatnot

Ten years after launching CodePen, Co-Founder Chris Coyier still thinks of his company as a scrappy startup. That’s because CodePen, an app and social community for testing and creating web projects, still feels like a company striving to prove itself in a world of jaded developers. Nevertheless, CodePen has successfully reached developers as they’re learning to code. In this episode, Chris talks with Chuck and Robbie about his online opinions that align and differ from Robbie’s, the evolution of CodePen, how they’ve managed to monetize, the advantages of sticking with CSS, why blogging is like grinding, and Chris’ parenting advice for new dads.Key Takeaways [02:23] - A whiskey review.  [11:10] - The beauty of CodePen and a brief chat about Tampa.  [16:11] - The niche that sets CodePen apart.  [18:03] - Why going serverless is a wonderful thing.  [23:11] - How CodePen has evolved and how they have monetized.  [25:06] - How CodePen uses information for good.  [27:16] - How CSS-Tricks came to be and Chris’ other digital passions.  [38:38] - What Chris thinks of Tailwind.  [44:59] - What new things are coming to CSS.  [49:42] - Chris’ dad advice for Robbie.  [57:31] - A Rick Steves whatnot, complaints about Italian food, and why deadlines work.  Quotes[23:59] - “Not a day has gone by, pretty much in the 10 years we’ve been running this, where there isn’t some kind of jaw-dropping, interesting creation on CodePen.” ~ @chriscoyier[45:25] - “If you just let CSS be, just use the language, you get all this stuff. But if you have to wait for an abstraction to come later, maybe it never does arrive or maybe it comes in a way that’s too abstracted that’s not all that useful. There’s an advantage to just sticking to the core language.” ~ @chriscoyier[49:28] - “The rule is, just leave it alone. Do not open up somebody else’s thing and reorder their inputs and commit that. Because that is just noise, and it doesn’t matter.” ~ @chriscoyierLinks Chris on Twitter Discord  New Riff Single Barrel Bourbon Sagamore Spirit  Jack Daniel’s Jim Beam CodePen Sass Next.js JavaScript Dart Bitcoin Eyeframe Rust Go Acquia Ruby VS Code CodePen PRO Plans The CodePen Spark (CodePen newsletter) CSS-Tricks WordPress How to Fetch and Parse RSS Feeds in JavaScript Whiskey Web and Whatnot: Work-Life Balance, React, and Why Accessibility is Everything with Melanie Sumner The Legend of Zelda: Breath of the Wild Nintendo Switch Oculus Quest 2 Workrooms Rec Room on Oculus Quest Pictionary Oculus Guardian Phasmophobia Tailwind CSS National Graphic Codebase React JSX Chrome DevTools Netflix The Red Hen Rick Steves Rick Steves, Cool Dude. Europe Through The Back Door Rick Steves’ Europe TV Show VSCode All Autocomplete GitHub GitHub Copilot Connect with our hosts Robbie Wagner Chuck Carpenter Ship Shape Subscribe and stay in touch Apple Podcasts Spotify Google Podcasts Whiskey Web and Whatnot Top-Tier, Full-Stack Software ConsultantsThis show is brought to you by Ship Shape. Ship Shape’s software consultants solve complex software and app development problems with top-tier coding expertise, superior service, and speed. In a sea of choices, our senior-level development crew rises above the rest by delivering the best solutions for fintech, cybersecurity, and other fast-growing industries. Check us out at shipshape.io.

1hr 9mins

3 Mar 2022

Episode artwork

22 - Chris Coyier & Dave Rupert

Front End Nerdery Podcast

In this episode, I talk to Chris Coyier and Dave Rupert from the Shop Talk Show! We talk about all sorts of topics having to do with front end  development, design, and accessibility. Specifically, web components, CodePen, Eleventy, Astro, and much, much more! Intro/Outro music graciously given permission to use called, "Settle In"  by Homer Gaines. Sound editing by Chris Enns of Lemon Productions. Transcripts can be found at:  https://toddl.dev/podcast/transcripts/shoptalkshow/  Show Notes   https://twitter.com/chriscoyier - Chris on Twitter  https://twitter.com/davatron5000 - Dave on Twitter  https://chriscoyier.net/ - Chris's Homepage  https://daverupert.com/ - Dave's Homepage  https://codepen.io/ - CodePen  https://paravelinc.com/ - Paravel  https://css-tricks.com/ - CSS-Tricks  https://shoptalkshow.com/ - Shop Talk Show https://www.youtube.com/realcsstricks - Real CSS Tricks YouTube https://larahogan.me/donuts/ - Lara Hogan Donut Manifesto  https://www.deque.com/axe/ - axe (Deque)  https://tenon.io/ - Tenon  https://webaim.org/ - WebAIM  https://wave.webaim.org/extension/ - WAVE browser extension  https://developers.google.com/web/tools/lighthouse/ - Google Lighthouse  https://www.w3.org/TR/WCAG21/ - WCAG (Web Content Accessibility Guidelines)  https://twitter.com/goodwitch - Glenda Sims (@goodwitch)  https://astro.build/ - Astro  https://slinkity.dev/ - Slinkity  https://www.netflix.com/title/81228573 - Komi Can't Communicate--- Support this podcast: https://anchor.fm/frontendnerdery/support

1hr 2mins

14 Feb 2022

Episode artwork

Episode 68: Vue ESM Support on CodePen with Chris Coyier and Stephen Shaw

Enjoy the Vue

We all love CodePen for its immediacy and were overjoyed when we heard the team had implemented a brand-new editor for Vue single-file components! Today Chris Coyier and Stephen Shaw from CodePen join us to talk about what it was like building this amazing feature into the platform. Our conversation begins with Chris giving a brief introduction to CodePen before getting into why he decided to start building it, and how it seemed like the logical next step to his CSS-Tricks blog. We talk about the many use cases of this hybrid between a code editor and a social network and each of us weighs in on how we like to use it in our development process. Of course, CodePen will become even more valuable to us now that it has a Vue editor and we take a deep dive with Chris and Steven into what it involved getting this feature off the ground. In our exploration, we come to see that the ease with which CodePen can demo projects on the fly requires a lot of work on the back end! Vue files can't be processed in the same ways as regular Pens and Stephen speaks to the challenge of getting the interface to support them so that the experience for the developer could be as close to plug and play as possible. So be sure to listen in today and try out the new Vue features on CodePen when you are done! Key Points From This Episode: Introducing Chris and Stephen and the work they do to maintain CodePen. How CodePen works and the many uses it can be put to by developers. The history behind why Chris started CodePen and how it has evolved over the years. Why the CodePen team implemented an editor for Vue single-file components. The hurdles of equipping CodePen to handle not just Vue but other editors too. Challenges of outputting Vue files versus regular Pens and how they were solved. How the method of safeguarding against circular dependency has evolved at CodePen. Thoughts about the potential benefits of putting the script tag at the top of Vue Pens. Perspectives on the different style guides for Vue versus React. Where to find Chris and Steven online and learn more about what they do. Tweetables: “I roped in some friends, and we built the first version of CodePen and the whole point was embedding. It wasn't the website itself, it was putting demos elsewhere.” — @chriscoyier [0:11:06] “When I came in, I was more experienced with Vue, but coming into a React world, and I saw so much of the value of Vue and the way that single file components work, and that's very much a CodePen-y thing.” — @shshaw [0:14:11] “A lot of this is like, how do we rearchitect CodePen in such a way that you can do things like that and not have it be such an embarrassing amount of technical debt that you'll freaking never do anything again.” — @chriscoyier [0:17:52] How to Find Chris: chriscoyier.net How to Find Stephen: Twitter GitHub keyframers Links Mentioned in Today’s Episode: CodePen CSS-Tricks JSFiddle JS Bin Calls , Apple TV+ Waffles + Mochi, Netflix The Last Man on Earth, Fox (2015 TV Show, Hulu) Ted Lasso, AppleTV+ Derek, Netflix Samsung Galaxy Buds Live Among Us (iOS, Android, Nintendo Switch, PC) Let’s Watch Star Trek Next Generation  episode guide Support Enjoy the Vue

54mins

6 Jul 2021

Episode artwork

Rocket Surgery: Kaelan and Chris Coyier compare notes

PodRocket - A web development podcast from LogRocket

Are you up to speed on all of this new CSS stuff? Chris Coyier and Kaelan compare notes on CSS and frontend development (they also discuss MDN plus). Links https://chriscoyier.net https://twitter.com/chriscoyier https://developer.mozilla.org/en-US/docs/Web/Houdini https://developer.mozilla.org/en-US/docs/Masonry_Layout https://styled-system.com https://blog.stackblitz.com/posts/introducing-webcontainers https://stackblitz.com https://news.ycombinator.com/item?id=27302702 https://shoptalkshow.com https://codepen.io/features/pro Contact us https://podrocket.logrocket.com/contact-us @PodRocketpod What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today.Special Guests: Chris Coyier and Kaelan Cooter .

41mins

8 Jun 2021

Episode artwork

#151 Chris Coyier from ceramics to CSS-Tricks and CodePen

Software Developer's Journey

Chris took us from playing on his first C64 to his bachelor of arts in ceramics and back to web development. We talked about the different positions he held along the way and how they slowly but surely led him toward web development. We brushed over the creation and recreation of CSS-Tricks, learning in the open and what a good day looks like!Here are the links from the show:Chris on Twitter https://www.twitter.com/chriscoyierhttps://css-tricks.comhttps://codepen.iohttps://shoptalkshow.comhttps://abookapart.com/products/practical-svghttps://digwp.com/bookCreditsCover Campfire Rounds by Blue Dot Sessions is licensed CC BY-NC-ND 4.0.Your host is Timothée (Tim) Bourguignon, more about him at timbourguignon.fr.Gift the podcast a rating on one of the major platforms https://devjourney.info/subscribeSupport the podcast, support us on Patreon: https://bit.ly/devjpatreonSupport the show (https://www.patreon.com/timbourguignon)

52mins

18 May 2021

Loading