#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.
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
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
#21 – Chris Coyier Talks About Why He Sold CSS-Tricks
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.
#21 – Chris Coyier Talks About Why He Sold CSS-Tricks
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
Creating CodePen, Tackling Tailwind, and Keeping It Simple with Chris Coyier
Whiskey Web and Whatnot
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
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
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 .
#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)