Cover image of CodePen Radio
(78)
Technology

CodePen Radio

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

Listen to:

Cover image of CodePen Radio

CodePen Radio

Updated 8 days ago

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.

#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

#190: Getting a Gig

Podcast cover
Read more

Cassidy Williams knows a thing or two about getting hired, and she's on to share tips for finding work as a front-end developer.

The post #190: Getting a Gig appeared first on CodePen Blog.

Sep 11 2018

28mins

Play

#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

#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

#201: Software We Pay For

Podcast cover
Read more

What software do we, as a software company ourselves, pay for each month to run our own software?

The post #201: Software We Pay For appeared first on CodePen Blog.

Nov 27 2018

42mins

Play

#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

#241: CTO

Podcast cover
Read more

Show Description

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.

Time Jumps

  • 03:48 Why the need for a CTO?
  • 11:58 Sponsor: Stackbit
  • 12:37 Building developer happiness
  • 15:19 Why don't we just build a feature and slap it out there?
  • 18:43 Learning from mistakes and issues
  • 30:26 How to level up as a developer

Sponsor: Stackbit

Static sites and the JAMStack are growing fast. Front-end devs already get it. It's fast, secure and as a developer, you get full control over the markup and the design.

Stackbit lets you build and deploy a full JAMstack site, with an SSG and headless CMS in just a few clicks. You can already choose from about a dozen prebuilt themes for Hugo, Jekyll and Gatsby and connect to Forestry, NetlifyCMS, DatoCMS or Contentful. It all happens right in your own repo.

On top of that, Stackbit just released custom themes.

Use the link stackbit.com/codepen, feel the magic, and let us know what you think.

Show Links

CodePen Links

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

Oct 09 2019

36mins

Play

#191: Debugging

Podcast cover
Read more

Cassidy and Marie are here to talk about tips for debugging your code - on CodePen as well as on your own site.

The post #191: Debugging appeared first on CodePen Blog.

Sep 18 2018

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.

Time Jumps

  • 01:04 Let's go into Tech Town and talk about our stack
  • 05:41 Redux regret town.
  • 11:42 Now we're in super hooks town
  • 12:54 Sponsor: Mux
  • 14:42 New stack town.
  • 18:48 Codesplitting town.
  • 25:44 Caching town.
  • 38:57 Alex is a Javascript magpie. In town.

Sponsor: Mux

Mux is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time.
Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million.

Show Links

CodePen Links

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

Sep 25 2019

41mins

Play

#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

#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

#206: Prototyping with Dave and Trent

Podcast cover
Read more

Dave Rupert and Trent Walton crossover from ShopTalk Show to talk about how they use CodePen PRO to build better websites for their clients at Paravel, Inc.

The post #206: Prototyping with Dave and Trent appeared first on CodePen Blog.

Jan 15 2019

31mins

Play

#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

#188: Feature Testing

Podcast cover
Read more

Klare and Marie talk about how new features get tested at CodePen - including our latest tests on pinned items and a redesigned sign up page.

The post #188: Feature Testing appeared first on CodePen Blog.

Aug 28 2018

25mins

Play

#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

#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

#229: Vulnerability

Podcast cover
Read more

Cassidy and Marie are talking vulnerability: at work, in software, and IN work ON software. What does vulnerability in work look like? And how putting yourself out there can be a great way to help you grow.

The post #229: Vulnerability appeared first on CodePen Blog.

Jul 10 2019

33mins

Play

#204: Sidebar Engineering

Podcast cover
Read more

In part 2 of our discussion of our new sidebar, Cassidy, Rachel, and Marie are on to talk about the development side of building out the sidebar.

The post #204: Sidebar Engineering appeared first on CodePen Blog.

Dec 18 2018

26mins

Play

#230: Apollo

Podcast cover
Read more

What is Apollo and how does CodePen use it? Cassidy just returned from Apollo Day and is here to help educate us all about Apollo and how/why CodePen chose to use it.

The post #230: Apollo appeared first on CodePen Blog.

Jul 18 2019

28mins

Play

#217: Nooks and Crannies

Podcast cover
Read more

Chris and Marie talk about the little-known "nooks and crannies" of CodePen, from rarely-seen pages to features you might not know about.

The post #217: Nooks and Crannies appeared first on CodePen Blog.

Apr 10 2019

37mins

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

Show Description

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

Time Jumps

  • 00:36 New feature release
  • 05:24 What's new in Collections?
  • 12:29 Sponsor: Jetpack
  • 14:53 What tech was used to build this?
  • 18:33 The first state machine on CodePen

Sponsor: 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 #242: Collections appeared first on CodePen Blog.

Oct 17 2019

27mins

Play

#241: CTO

Podcast cover
Read more

Show Description

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.

Time Jumps

  • 03:48 Why the need for a CTO?
  • 11:58 Sponsor: Stackbit
  • 12:37 Building developer happiness
  • 15:19 Why don't we just build a feature and slap it out there?
  • 18:43 Learning from mistakes and issues
  • 30:26 How to level up as a developer

Sponsor: Stackbit

Static sites and the JAMStack are growing fast. Front-end devs already get it. It's fast, secure and as a developer, you get full control over the markup and the design.

Stackbit lets you build and deploy a full JAMstack site, with an SSG and headless CMS in just a few clicks. You can already choose from about a dozen prebuilt themes for Hugo, Jekyll and Gatsby and connect to Forestry, NetlifyCMS, DatoCMS or Contentful. It all happens right in your own repo.

On top of that, Stackbit just released custom themes.

Use the link stackbit.com/codepen, feel the magic, and let us know what you think.

Show Links

CodePen Links

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

Oct 09 2019

36mins

Play

#240: Customer Research

Podcast cover
Read more

Show Description

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.

Time Jumps

  • 02:28 Validating hunches and throwing them away
  • 07:11 Early customer research
  • 18:32 Sponsor: Instant Domains
  • 19:10 Deciding on when to go ahead with an idea
  • 25:35 Be careful of the mud

Sponsor: InstantDomains 18:32

InstantDomains.com is the fastest domain search tool ever built - you can search domain availability for over 800 domain extensions in milliseconds. With an incredibly friendly user interface it's easy to find available domain names.
An inbuilt domain name generator suggests alternative domains to the one you've searched for and you can filter results by 55 different niches to find relevant alternative domains.
It works in 32 different languages and displays the most relevant domain extensions based on your location.

Show Links

CodePen Links

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.

Time Jumps

  • 01:04 Let's go into Tech Town and talk about our stack
  • 05:41 Redux regret town.
  • 11:42 Now we're in super hooks town
  • 12:54 Sponsor: Mux
  • 14:42 New stack town.
  • 18:48 Codesplitting town.
  • 25:44 Caching town.
  • 38:57 Alex is a Javascript magpie. In town.

Sponsor: Mux

Mux is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time.
Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you're serving a few dozen streams or a few million.

Show Links

CodePen Links

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 Figuring out the right contrast ratio
  • 17:02 Tools for testing color blindness

Sponsor

  • 08:48 WordPress.com - WordPress.com gives you everything you need to create anything you want. It’s flexible, secure, and powerful, just like you want your business to be.

Show Links

CodePen Links

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

#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

#231: Social

Podcast cover
Read more

Marie and Cassidy chat about how CodePen is using social media to communicate with our community.

The post #231: Social appeared first on CodePen Blog.

Jul 25 2019

32mins

Play

#230: Apollo

Podcast cover
Read more

What is Apollo and how does CodePen use it? Cassidy just returned from Apollo Day and is here to help educate us all about Apollo and how/why CodePen chose to use it.

The post #230: Apollo appeared first on CodePen Blog.

Jul 18 2019

28mins

Play

#229: Vulnerability

Podcast cover
Read more

Cassidy and Marie are talking vulnerability: at work, in software, and IN work ON software. What does vulnerability in work look like? And how putting yourself out there can be a great way to help you grow.

The post #229: Vulnerability appeared first on CodePen Blog.

Jul 10 2019

33mins

Play

#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