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

EPISODE · Mar 3, 2022 · 1H 9M

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

from 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 [https://twitter.com/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 [https://twitter.com/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." ~ @chriscoyier [https://twitter.com/chriscoyier] Links Chris on Twitter [https://twitter.com/chriscoyier] Discord  [https://discord.com] New Riff Single Barrel Bourbon [https://www.newriffdistilling.com/spirits/single-barrel-bourbon-whiskey/] Sagamore Spirit  [https://sagamorespirit.com] Jack Daniel's [https://www.jackdaniels.com] Jim Beam [https://www.jimbeam.com/] CodePen [https://codepen.io] Sass [https://sass-lang.com] Next.js [https://nextjs.org] JavaScript [https://www.javascript.com] Dart [https://dart.dev] Bitcoin [https://bitcoin.org] Eyeframe [https://eyeframeconverter.wordpress.com] Rust [https://www.rust-lang.org] Go [https://go.dev] Acquia [https://www.acquia.com] Ruby [https://rubyonrails.org] VS Code [https://code.visualstudio.com] CodePen PRO Plans [https://codepen.io/accounts/signup] The CodePen Spark (CodePen newsletter) [https://blog.codepen.io/2016/12/08/the-codepen-spark/] CSS-Tricks [https://css-tricks.com] WordPress [http://wordpress.com] How to Fetch and Parse RSS Feeds in JavaScript [https://css-tricks.com/how-to-fetch-and-parse-rss-feeds-in-javascript/]

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 [https://twitter.com/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 [https://twitter.com/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." ~ @chriscoyier [https://twitter.com/chriscoyier] Links Chris on Twitter [https://twitter.com/chriscoyier] Discord  [https://discord.com] New Riff Single Barrel Bourbon [https://www.newriffdistilling.com/spirits/single-barrel-bourbon-whiskey/] Sagamore Spirit  [https://sagamorespirit.com] Jack Daniel's [https://www.jackdaniels.com] Jim Beam [https://www.jimbeam.com/] CodePen [https://codepen.io] Sass [https://sass-lang.com] Next.js [https://nextjs.org] JavaScript [https://www.javascript.com] Dart [https://dart.dev] Bitcoin [https://bitcoin.org] Eyeframe [https://eyeframeconverter.wordpress.com] Rust [https://www.rust-lang.org] Go [https://go.dev] Acquia [https://www.acquia.com] Ruby [https://rubyonrails.org] VS Code [https://code.visualstudio.com] CodePen PRO Plans [https://codepen.io/accounts/signup] The CodePen Spark (CodePen newsletter) [https://blog.codepen.io/2016/12/08/the-codepen-spark/] CSS-Tricks [https://css-tricks.com] WordPress [http://wordpress.com] How to Fetch and Parse RSS Feeds in JavaScript [https://css-tricks.com/how-to-fetch-and-parse-rss-feeds-in-javascript/]

NOW PLAYING

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

0:00 1:09:58

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Big Old Life: Heather Blackbird interviews people on planet earth. Heather Blackbird loves asking questions. This podcast is a learning experience. Join me, Heather Blackbird, as I talk to people about their lives. Frequency of new episodes is a little all over the place and I'm learning as I go. Big Old Life is a small way of talking about the vastness of life, one person at a time. If you are reading this or found this podcast it's probably because someone you know gave you a link to it. :) Explicit Tales Of A Superstar DJ The Insomniac Spun seemingly out of nowhere from her complacent life in the corporate world, turned seemingly overnight from 16-Hour shift work and into the life of a literally starving artist and working musician, The Protagonist navigates her supposed rise to fame and superstardom on a journey through spiritual awakening, coming-of-age, and intimate self-realization--guided by an omnipresent force and equipped with the power of love, magic, and music. {Enter The Multiverse.} [The Festival Project] The Festival Project, Inc.™ is a multidimensional multimedia platform which encompasses exploratory and artistic social personifications and expressions on cosmic theory, spirituality, growth, health & wellness, philosophy and theoretic dynamics in entertainment such as music, design, film, television, radio, dance and festival culture, art, fashion, literature, and science. The Festival Project™ and its subsidiary Non-Profit, The Collective Complex © aims to challenge modern artistic and philosop Explicit Bitcoin Is Dead Trey Carson Welcome to Bitcoin is Dead, the ultimate Bitcoin variety show where host Trey takes you on a journey through the ever-evolving world of Bitcoin. Each episode brings new personalities, fascinating locations, and insightful conversations with politicians, educators, and innovators shaping the future of Bitcoin. Whether you're a seasoned Bitcoiner or just starting your journey, tune in for thought-provoking discussions, unique perspectives, and a deep dive into the ideas and people driving the Bitcoin revolution. Explicit The Sacred +Profane Podcast nephtaragrace The Sacred + Profane Podcast is a provocative conversation dedicated to cementing a better future for all. We specialize in unpacking the nuances of what is considered sacred and profane, particularly focusing on sex, death, and all that pertains to the circle of life. Our aim in focusing on such ”taboo” subject matter is to demystify what is unconscious, bring to light what has been known for centuries as ”the occult,” and empower the rapid transformation that is occurring on the Planet. Explicit

Frequently Asked Questions

How long is this episode of Whiskey Web and Whatnot?

This episode is 1 hour and 9 minutes long.

When was this Whiskey Web and Whatnot episode published?

This episode was published on March 3, 2022.

What is this episode about?

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...

Can I download this Whiskey Web and Whatnot episode?

Yes, you can download this episode by clicking the download button on the episode player, or subscribe to the podcast in your preferred podcast app for automatic downloads.
URL copied to clipboard!