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

All 60 episodes from oldest to newest

#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
Loading