Cover image of CodePen Radio
(78)
Technology

CodePen Radio

Updated 3 days ago

Technology
Read more

Chris Coyier, Alex Vazquez, and Tim Sabat, the co-founders of CodePen talk about the ins and outs of running a web software business.

Read more

Chris Coyier, Alex Vazquez, and Tim Sabat, the co-founders of CodePen talk about the ins and outs of running a web software business.

iTunes Ratings

78 Ratings
Average Ratings
70
6
1
1
0

FREE CODE PEN RADIO SWAG!

By BandwagonR - Apr 17 2019
Read more
Cuz I’m new

Thank you for doing what you do!

By WilliamDMason - Sep 21 2018
Read more
I'm building a service business from scratch in the distributed information, value, and distributed ledger technology space and I have reached the inescapable conclusion that I must become a competent and respected front-end developer in order to achieve success in this field. Thank you for being so clear and candid about the many aspects of starting and growing a business in this field. Every episode is another profound revelation about what it takes to make it happen. Thank you for being you and doing what you do.

iTunes Ratings

78 Ratings
Average Ratings
70
6
1
1
0

FREE CODE PEN RADIO SWAG!

By BandwagonR - Apr 17 2019
Read more
Cuz I’m new

Thank you for doing what you do!

By WilliamDMason - Sep 21 2018
Read more
I'm building a service business from scratch in the distributed information, value, and distributed ledger technology space and I have reached the inescapable conclusion that I must become a competent and respected front-end developer in order to achieve success in this field. Thank you for being so clear and candid about the many aspects of starting and growing a business in this field. Every episode is another profound revelation about what it takes to make it happen. Thank you for being you and doing what you do.
Cover image of CodePen Radio

CodePen Radio

Latest release on Jan 22, 2020

Read more

Chris Coyier, Alex Vazquez, and Tim Sabat, the co-founders of CodePen talk about the ins and outs of running a web software business.

Rank #1: #245: Stuff

Podcast cover
Read more

Show Description

Chris and Marie are on to talk about a lot of stuff — literal stuff, like swag and our branded merch, and tough stuff, like making the decision to wind down meetups.

Time Jumps

  • 00:47 Spinning down meetups
  • 14:56 Sponsor: WooCommerce
  • 16:26 Vibes of different cities
  • 26:04 Swag
  • 42:18 Sponsor: Netlify
  • 44:31 Keeping things in WordPress

Sponsors

Woocommerce is a WordPress plugin that brings eCommerce to your WordPress sites. It's unique in its customizability and flexibility. You can use it to sell physical products, digital downloads, memberships, services, and tickets, plus offer customers lots of different ways to pay, including things like Apple Pay and Bitcoin powered by Stripe.

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

Show Links

CodePen Links

The post #245: Stuff appeared first on CodePen Blog.

Nov 20 2019

49mins

Play

Rank #2: #194: GraphQL

Podcast cover
Read more

Chris, Rach, and Cassidy are on to talk about bringing GraphQL and Apollo into the CodePen stack.

The post #194: GraphQL appeared first on CodePen Blog.

Oct 09 2018

35mins

Play

Rank #3: #228: 2019 Trends

Podcast cover
Read more

We're half way through 2019! Marie and Cassidy are here to talk about what's trending on CodePen so far and take a glimpse at the future for the rest of the year.

The post #228: 2019 Trends appeared first on CodePen Blog.

Jul 03 2019

29mins

Play

Rank #4: #244: Kristopher Van Sant

Podcast cover
Read more

Show Description

CodePen community member Kristopher Van Sant is on to talk about her #PassThePen group and Collab Mode Extravaganzas on Twitch.

Time Jumps

  • 00:30 Guest intro
  • 10:03 Sponsor: WooCommerce
  • 11:34 Planning a new collab event
  • 13:01 Pass the Pen
  • 16:05 Kristopher's professional work
  • 18:59 shape-outside
  • 27:17 The escape room Pen
  • 39:27 What's next?

Sponsor: WooCommerce

WooCommerce is a WordPress plugin that brings eCommerce to your WordPress sites. It's unique in its customizability and flexibility. You can use it to sell physical products, digital downloads, memberships, services, and tickets, plus offer customers lots of different ways to pay, including things like Apple Pay and Bitcoin powered by Stripe.

Show Links

The post #244: Kristopher Van Sant appeared first on CodePen Blog.

Nov 13 2019

43mins

Play

Rank #5: #225: Learning New Things

Podcast cover
Read more

Cassidy and Marie talk about their journey to keep learning new things, while also not stressing about trying to keep up with all the things in web development.

The post #225: Learning New Things appeared first on CodePen Blog.

Jun 12 2019

31mins

Play

Rank #6: #202: Remote Days Off

Podcast cover
Read more

Cassidy, Alex, and Marie talk about the unique challenges of unplugging from remote work when you're taking time off, plus how they "reconnect" and get back to work.

The post #202: Remote Days Off appeared first on CodePen Blog.

Dec 04 2018

29mins

Play

Rank #7: #216: Time Management

Podcast cover
Read more

CodePen's timelords, Marie and Cassidy, are back to talk about how Team CodePen manages the time they spend on projects.

The post #216: Time Management appeared first on CodePen Blog.

Apr 03 2019

30mins

Play

Rank #8: #234: React Grids

Podcast cover
Read more

Cassidy is on to talk about powering the grids on CodePen with React to make them faster and future feature friendly!

The post #234: React Grids appeared first on CodePen Blog.

Aug 21 2019

27mins

Play

Rank #9: #214: Babel 7

Podcast cover
Read more

CodePen recently upgraded to Babel 7 for both our development team and our members. Cassidy and Marie talk about what that means for you in your CodePen editor.

The post #214: Babel 7 appeared first on CodePen Blog.

Mar 13 2019

24mins

Play

Rank #10: #232: Side Projects

Podcast cover
Read more

Cassidy and Marie are on this week to talk about side projects and how they can help you personally as well as professionally. Let us know what kind of side projects you're working on!

The post #232: Side Projects appeared first on CodePen Blog.

Aug 01 2019

28mins

Play

Rank #11: #241: CTO

Podcast cover
Read more

Chris talks with Alex about his role as CTO at CodePen and what he sees as his job, how to learn from mistakes, and ways to level up as a developer.

The post #241: CTO appeared first on CodePen Blog.

Oct 09 2019

36mins

Play

Rank #12: #209: Chris Gannon

Podcast cover
Read more

Chris and Marie talk to CodePen community treasure Chris Gannon about how he uses CodePen with clients, how practicing on CodePen makes him better at his craft, and the various tools he's used to do his work over the years.

The post #209: Chris Gannon appeared first on CodePen Blog.

Feb 05 2019

34mins

Play

Rank #13: #205: The Most Hearted of 2018

Podcast cover
Read more

Marie, Chris, and Cassidy look back on the most hearted content on CodePen in 2018.

The post #205: The Most Hearted of 2018 appeared first on CodePen Blog.

Jan 08 2019

32mins

Play

Rank #14: #246: Pop Out Previews

Podcast cover
Read more

Show Description

Klare, Stephen, and Marie talk about the latest feature CodePen launched: grid modal view. How did we build this? Why did we build this? And, more importantly, what do we call it?

Time Jumps

  • 01:25 New feature launch
  • 05:25 Sponsor: Deque Axe
  • 07:46 Details view update
  • 13:50 Built using embed view
  • 16:50 Modals are back baby!
  • 18:32 Sponsor: Jetpack
  • 20:46 How was this built?

Sponsors

Deque Axe

Axe powered by Deque, is an automated accessibility testing tool that helps you quickly identify common accessibility bugs without leaving your browser. You can take your accessibility testing even further with axe Pro which includes 6 intelligent guided question/answer walkthroughs that help you identify bugs that can't be found from automated tests.

Jetpack

Jetpack brings a wealth of features to your self-hosted WordPress site as one of the best no-brainer plugins for WordPress there is. One feature I just recently used for the first time was the video hosting and video player. I had a video clip that I just wanted to drag and drop into a blog post like I would an image, but it was a little too big. Fortunately I just uploaded it through WordPress.com, it was magically available in the Media dialog on my self-hosted site, and it worked perfectly.

Show Links

CodePen Links

The post #246: Pop Out Previews appeared first on CodePen Blog.

Nov 27 2019

32mins

Play

Rank #15: #239: Our Current Stack

Podcast cover
Read more

Rachel and Chris go on a tour through tech town to talk about CodePen's current stack and how it has changed and morphed over the years.

The post #239: Our Current Stack appeared first on CodePen Blog.

Sep 25 2019

41mins

Play

Rank #16: #222: Trash Can

Podcast cover
Read more

Marie and Chris are talking trash this week about our newest feature — a restore option for deleted Pens! We get into the whys and hows of this frequently requested feature.

The post #222: Trash Can appeared first on CodePen Blog.

May 22 2019

28mins

Play

Rank #17: #213: Splitting.js

Podcast cover
Read more

Team CodePen's very own Stephen Shaw is also the creator of Splitting.js! Marie talks with Stephen about what Splitting.js is, what it's for, how he got the word out about his project, and his advice for anyone thinking of putting together an open-source library.

The post #213: Splitting.js appeared first on CodePen Blog.

Mar 06 2019

29mins

Play

Rank #18: #210: Updating Rails

Podcast cover
Read more

Tim and Marie talk about how CodePen updated Ruby on Rails from 4.2 to 5.2.

The post #210: Updating Rails appeared first on CodePen Blog.

Feb 12 2019

26mins

Play

Rank #19: #242: Collections

Podcast cover
Read more

Stephen and Marie are on the show to talk about recent updates and improvements to the Collections feature on CodePen.

The post #242: Collections appeared first on CodePen Blog.

Oct 17 2019

27mins

Play

Rank #20: #208: Tagging

Podcast cover
Read more

Cassidy and Marie talk about a tiny detail that improved how we handle GitLab issues: tagging.

The post #208: Tagging appeared first on CodePen Blog.

Jan 29 2019

27mins

Play

#252: Browser Testing

Podcast cover
Read more

Show Description

Stephen, Marie, and Chris talk about cross browser testing - both as a user as well as behind the scenes at CodePen.

Time Jumps

  • 00:25 Topic introduction
  • 02:32 How to test your Pen
  • 14:07 Sponsor: Jetpack
  • 16:40 Virtual boxing
  • 23:38 Code debugging on CodePen

Sponsor: Jetpack

Jetpack is full of features. If you have had the feeling that you're paying for more than you need, you're in luck, Jetpack is starting to have features you can buy individually. Jetpack Backup is one of them, the best way to backup a WordPress site there is. If that's the only paid feature you need, you got it. Just $3 a month for daily backups or $20 a month for realtime backups.

Show Links

CodePen Links

The post #252: Browser Testing appeared first on CodePen Blog.

Jan 22 2020

29mins

Play

#251: Marketing

Podcast cover
Read more

Show Description

It's January, and that means Chris and Marie are thinking about marketing (again). In this episode we talk about the challenges of marketing and user education for a complex app like CodePen.

Time Jumps

  • 00:27 Intro to the topic
  • 03:41 What don't people know about CodePen?
  • 15:27 Sponsor: Jetpack
  • 17:43 Social media sharing
  • 20:39 Asset Manager
  • 28:30 Why this happens every January?

Sponsor

Jetpack

Jetpack is full of features. If you have had the feeling that you're paying for more than you need, you're in luck, Jetpack is starting to have features you can buy individually. Jetpack Backup is one of them, the best way to backup a WordPress site there is. If that's the only paid feature you need, you got it. Just $3 a month for daily backups or $20 a month for realtime backups.

Show Links

CodePen Links

The post #251: Marketing appeared first on CodePen Blog.

Jan 15 2020

33mins

Play

#250: The Most Hearted of 2019

Podcast cover
Read more

Show Description

Chris and Marie chat about the most hearted Pens on CodePen in 2019. We talk about what was hot in 2019, and our personal favorite Pens and trends.

Time Jumps

  • 02:04 Triple heart on CodePen
  • 03:30 Looking back at 2019 on CodePen
  • 08:13 Sponsor: Rollout
  • 09:34 Users with multiple entries
  • 15:02 Sponsor: Netlify
  • 17:10 Hilarity ensues
  • 26:29 UI improvements to popular Pens

Sponsors

Rollout

CloudBees Rollout is where developers come to ship changes at will. When you have a solution to manage feature flags at scale, you’re empowered to continuously and intelligently roll out changes as soon as they are code complete on any platform - even mobile. Decouple development from code releases for real-time change control. Roll back only the changes you want. Toggle features. Use multi-variate flags for A/B testing and nix misbehaving features with a kill switch.

Check out the 14 day free trial and experience how CloudBees Rollout can help you rock every release.

Netlify

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

Show Links

CodePen Links

The post #250: The Most Hearted of 2019 appeared first on CodePen Blog.

Jan 08 2020

33mins

Play

#249: 2019 in Review

Podcast cover
Read more

Show Description

We're wrapping it up for 2019! In this special episode, Marie talks to everybody on Team CodePen about their favorite projects of the year.

See the Pen
CodePen's 2019
by CodePen (@codepen)
on CodePen.

Sponsor: WordPress.com

WordPress.com powers a third of the internet. Surprising? Perhaps not once you get to know how easy and friendly, yet powerful and flexible WordPress.com is. If you can build a site on WordPress.com, you should. You're doing yourself a big favor by not taking on the incredible technical debt of hosting a site yourself. Focus on your business instead.

Show Links

CodePen Links

The post #249: 2019 in Review appeared first on CodePen Blog.

Dec 19 2019

35mins

Play

#248: Ideation

Podcast cover
Read more

Marie and Klare talk about ideation and how CodePen has used it to work through ideas and projects as a remote team.

Time Jumps

  • 00:41 What is ideation?
  • 05:59 Sponsor: Netlify
  • 08:00 Next steps
  • 19:42 Sponsor: WordPress.com
  • 21:56 Recapping our session
  • 29:18 Recommendations for using ideation

Sponsors

Netlify

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

WordPress.com

WordPress.com powers a third of the internet. Surprising? Perhaps not once you get to know how easy and friendly, yet powerful and flexible WordPress.com is. If you can build a site on WordPress.com, you should. You're doing yourself a big favor by not taking on the incredible technical debt of hosting a site yourself. Focus on your business instead.

Show Links

CodePen Links

The post #248: Ideation appeared first on CodePen Blog.

Dec 11 2019

34mins

Play

#247: Ads

Podcast cover
Read more

Show Description

Chris and Marie talk about the various ways sponsorship and advertising has changed over the years at CodePen.

Time Jumps

  • 00:51 Topic introduction
  • 08:08 Why now?
  • 12:47 Sponsor: Flywheel
  • 14:35 How advertising has changed at CodePen
  • 21:49 New ad spots
  • 30:44 Reasons to go PRO

Sponsor: Flywheel

Flywheel is the best WordPress hosting out there. Of course they have local WordPress development down with Local by Flywheel, which you can use no matter what, the hosting itself is equally good. Everything is just easier on Flywheel, and the support you get from the early days of helping get your site moved to the fiddly little stuff you'll run into down the road, they got your back.

Show Links

CodePen Links

The post #247: Ads appeared first on CodePen Blog.

Dec 04 2019

32mins

Play

#246: Pop Out Previews

Podcast cover
Read more

Show Description

Klare, Stephen, and Marie talk about the latest feature CodePen launched: grid modal view. How did we build this? Why did we build this? And, more importantly, what do we call it?

Time Jumps

  • 01:25 New feature launch
  • 05:25 Sponsor: Deque Axe
  • 07:46 Details view update
  • 13:50 Built using embed view
  • 16:50 Modals are back baby!
  • 18:32 Sponsor: Jetpack
  • 20:46 How was this built?

Sponsors

Deque Axe

Axe powered by Deque, is an automated accessibility testing tool that helps you quickly identify common accessibility bugs without leaving your browser. You can take your accessibility testing even further with axe Pro which includes 6 intelligent guided question/answer walkthroughs that help you identify bugs that can't be found from automated tests.

Jetpack

Jetpack brings a wealth of features to your self-hosted WordPress site as one of the best no-brainer plugins for WordPress there is. One feature I just recently used for the first time was the video hosting and video player. I had a video clip that I just wanted to drag and drop into a blog post like I would an image, but it was a little too big. Fortunately I just uploaded it through WordPress.com, it was magically available in the Media dialog on my self-hosted site, and it worked perfectly.

Show Links

CodePen Links

The post #246: Pop Out Previews appeared first on CodePen Blog.

Nov 27 2019

32mins

Play

#245: Stuff

Podcast cover
Read more

Show Description

Chris and Marie are on to talk about a lot of stuff — literal stuff, like swag and our branded merch, and tough stuff, like making the decision to wind down meetups.

Time Jumps

  • 00:47 Spinning down meetups
  • 14:56 Sponsor: WooCommerce
  • 16:26 Vibes of different cities
  • 26:04 Swag
  • 42:18 Sponsor: Netlify
  • 44:31 Keeping things in WordPress

Sponsors

Woocommerce is a WordPress plugin that brings eCommerce to your WordPress sites. It's unique in its customizability and flexibility. You can use it to sell physical products, digital downloads, memberships, services, and tickets, plus offer customers lots of different ways to pay, including things like Apple Pay and Bitcoin powered by Stripe.

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

Show Links

CodePen Links

The post #245: Stuff appeared first on CodePen Blog.

Nov 20 2019

49mins

Play

#244: Kristopher Van Sant

Podcast cover
Read more

Show Description

CodePen community member Kristopher Van Sant is on to talk about her #PassThePen group and Collab Mode Extravaganzas on Twitch.

Time Jumps

  • 00:30 Guest intro
  • 10:03 Sponsor: WooCommerce
  • 11:34 Planning a new collab event
  • 13:01 Pass the Pen
  • 16:05 Kristopher's professional work
  • 18:59 shape-outside
  • 27:17 The escape room Pen
  • 39:27 What's next?

Sponsor: WooCommerce

WooCommerce is a WordPress plugin that brings eCommerce to your WordPress sites. It's unique in its customizability and flexibility. You can use it to sell physical products, digital downloads, memberships, services, and tickets, plus offer customers lots of different ways to pay, including things like Apple Pay and Bitcoin powered by Stripe.

Show Links

The post #244: Kristopher Van Sant appeared first on CodePen Blog.

Nov 13 2019

43mins

Play

#243: Breaking Stuff

Podcast cover
Read more

Show Description

Chris and Marie are on to talk about when stuff breaks at CodePen. We chat about how things break, how we handle communication while things are broken, and what we learn about our product (and ourselves) when something isn't working like it should.

Time Jumps

  • 00:56 Breaking hearts and getting support tickets
  • 07:08 Sponsor: Netlify
  • 09:06 Unable to save error
  • 14:52 Export failures
  • 19:11 Picks queue breaks?!
  • 21:03 Sponsor: WordPress
  • 23:11 Grass is greener on the app dev side
  • 30:38 Learn from our mistakes
  • 35:09 Posts causing issues
  • 47:02 Admin issues are less important

Sponsor: Netlify

Netlify, the powerful and awesome web host we all know and love, now is offering AWS Lambda functions built right in. You make a folder for all your functions, and they become relative paths you can hit to execute those functions. One reason you might wanna do that? Keeping your third-party API keys safe! Just another ingredient that make your fast static sites... not so static.

Sponsor: WordPress.com

WordPress powers a third of the internet. Surprising? Perhaps not once you get to know how easy and friendly, yet powerful and flexible WordPress.com is. If you can build a site on WordPress.com, you should. You're doing yourself a big favor by not taking on the incredible technical debt of hosting a site yourself. Focus on your business instead.

Show Links

The post #243: Breaking Stuff appeared first on CodePen Blog.

Nov 06 2019

55mins

Play

#242: Collections

Podcast cover
Read more

Stephen and Marie are on the show to talk about recent updates and improvements to the Collections feature on CodePen.

The post #242: Collections appeared first on CodePen Blog.

Oct 17 2019

27mins

Play

#241: CTO

Podcast cover
Read more

Chris talks with Alex about his role as CTO at CodePen and what he sees as his job, how to learn from mistakes, and ways to level up as a developer.

The post #241: CTO appeared first on CodePen Blog.

Oct 09 2019

36mins

Play

#240: Customer Research

Podcast cover
Read more

Chris and Marie talk about how CodePen's style and methods of customer research have changed over the years, and how it's been helping influence the decisions made about features at CodePen.

The post #240: Customer Research appeared first on CodePen Blog.

Oct 02 2019

30mins

Play

#239: Our Current Stack

Podcast cover
Read more

Rachel and Chris go on a tour through tech town to talk about CodePen's current stack and how it has changed and morphed over the years.

The post #239: Our Current Stack appeared first on CodePen Blog.

Sep 25 2019

41mins

Play

#238: High Contrast Syntax Highlight Theme

Podcast cover
Read more

Show Description Klare and Marie discuss the new high contrast syntax highlighter theme added to CodePen - designed by Klare! Time Jumps 00:42 New syntax highligher themes 01:38 Why did we make a new theme? 04:45 Testing with light themes enabled 05:25 Dark vs Light 08:48 Sponsor: WordPress.com 10:17 Adapting theme to VS Code 14:47 […]

The post #238: High Contrast Syntax Highlight Theme appeared first on CodePen Blog.

Sep 23 2019

23mins

Play

#237: Elasticsearch

Podcast cover
Read more

Show Description Tim and Marie talk about CodePen's decision to switch away from Solr and start using ElasticSearch to power CodePen's search. Time Jumps 01:29 What did we used to use? 08:25 Hosting in the cloud 18:05 What was the switching process like? 21:22 Pitfalls and tips from our experience 24:32 JDBC Sponsor: Netlify 15:02 […]

The post #237: Elasticsearch appeared first on CodePen Blog.

Sep 18 2019

29mins

Play

#236: Private by Default

Podcast cover
Read more

We've got a small feature update to talk about that's a big deal to some folks: private by default. For some people & teams, having everything private by default on CodePen is critical to their work. Chris & Marie talk about how we added this option and the steps we took to validate and notify users about the feature.

The post #236: Private by Default appeared first on CodePen Blog.

Sep 11 2019

27mins

Play

#235: Blocking

Podcast cover
Read more

Chris and Klare talk about the planning and process of building a blocking feature for CodePen.

The post #235: Blocking appeared first on CodePen Blog.

Sep 04 2019

29mins

Play

#234: React Grids

Podcast cover
Read more

Cassidy is on to talk about powering the grids on CodePen with React to make them faster and future feature friendly!

The post #234: React Grids appeared first on CodePen Blog.

Aug 21 2019

27mins

Play

#233: Export 2

Podcast cover
Read more

Stephen, Chris, and Marie are here to talk about the new export with build process! We get into how it was built, its limitations, and some improvements we made to our admin systems along the way.

The post #233: Export 2 appeared first on CodePen Blog.

Aug 08 2019

32mins

Play

iTunes Ratings

78 Ratings
Average Ratings
70
6
1
1
0

FREE CODE PEN RADIO SWAG!

By BandwagonR - Apr 17 2019
Read more
Cuz I’m new

Thank you for doing what you do!

By WilliamDMason - Sep 21 2018
Read more
I'm building a service business from scratch in the distributed information, value, and distributed ledger technology space and I have reached the inescapable conclusion that I must become a competent and respected front-end developer in order to achieve success in this field. Thank you for being so clear and candid about the many aspects of starting and growing a business in this field. Every episode is another profound revelation about what it takes to make it happen. Thank you for being you and doing what you do.