Cover image of CodePen Radio
(79)
Technology

CodePen Radio

Updated 2 months ago

Technology
Read more

The CodePen team talk about the ins and outs of running a web software business.

Read more

The CodePen team talk about the ins and outs of running a web software business.

iTunes Ratings

79 Ratings
Average Ratings
71
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

79 Ratings
Average Ratings
71
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 Aug 07, 2020

All 60 episodes from oldest to newest

#279: Mini-Releases

Podcast cover
Read more

Show Description

Dee, Stephen and Marie talk about CodePen’s evolving strategy of releasing mini features and updates rather than waiting for a big, mega update. They also talk about using feature flagging to test new features with specific users, and how to avoid building "the Homer car" with a minimum viable product mentality.

Time Jumps

  • 07:19 Update to collections
  • 14:04 Feature flagging
  • 20:21 Sponsor: WordPress
  • 22:30 Assets and feature flagging
  • 25:15 Minimum viable product

Sponsor: WordPress.com

Have an idea for a subscription business? Need to charge customers on a monthly or yearly basis for something, not just a one-off charge?

WordPress.com can do that for you. You connect your Stripe account (the best payment gateway out there!) and the rest is as easy as adding button blocks to your site. The UI your customers see is clean and clear, and the pricing is straightforward. The eCommerce plan pays no fees, the Business plan pays 2%, and the less expensive plans go up from there.

Show Links

CodePen Links

The post #279: Mini-Releases appeared first on CodePen Blog.

Aug 07 2020

36mins

Play

#278: Community Creativity

Podcast cover
Read more

Show Description

Chris and Marie talk about the creativity in creations they’ve seen on CodePen, including photo effects, water droplets, live streaming code, and making sheep!

Time Jumps

  • 00:32 Topic introduction
  • 02:46 Lynn Fisher’s photo effects
  • 10:07 Sponsor: WooCommerce
  • 12:11 Oscar Salazar’s "droplets"
  • 17:05 Flutter challenges
  • 20:00 Jhey’s Live streaming code
  • 22:32 Suzanne Aitchison’s "Make a sheep" tutorial
  • 24:40 Updates to Collections coming soon

Sponsor: WooCommerce 10:07

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

CodePen Links

The post #278: Community Creativity appeared first on CodePen Blog.

Jul 29 2020

31mins

Play

#277: Putting Out Fires

Podcast cover
Read more

Show Description

Outages, bugs, and other production nightmares — every startup has them. Dee and Marie are on to talk about what the process is when something goes wrong at CodePen, and tips and tactics for how to deal with a production fire.

Time Jumps

  • 01:12:19 How do you know something is going wrong?
  • 05:59:10 What’s your process when something goes wrong?
  • 15:42:03 Working remote struggles
  • 24:07:10 Sponsor: Frontend Masters
  • 26:04:04 Tactics to deal with a development fire

Sponsor: Frontend Masters

Learn JavaScript, React, Vue and Angular from masters of frontend development. Advance your skills with in-depth, modern JavaScript and front-end engineering courses from Frontend Masters.

Show Links

CodePen Links

The post #277: Putting Out Fires appeared first on CodePen Blog.

Jul 16 2020

37mins

Play

#276: Embed Updates

Podcast cover
Read more

Show Description

Marie and Stephen talk about recent improvements made to CodePen embeds – including Prefill embeds and lazy loading embeds.

Time Jumps

  • 01:01 Assets updates
  • 05:20 What are embeds?
  • 07:46 Changes to embeds
  • 14:43 Sponsor: WooCommerce
  • 16:45 What about Prefill embeds?
  • 23:35 Lazy loading embeds

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

CodePen Links

The post #276: Embed Updates appeared first on CodePen Blog.

Jul 10 2020

27mins

Play

#275: Measuring Things

Podcast cover
Read more

Show Description

Chris and Marie talk about how looking at the numbers behind changes can help guide and improve decisions we make at CodePen, including tools like Redash and Appcues, and how we use data to help sell PRO subscriptions.

Time Jumps

  • 01:33 Being a numbers person
  • 02:55 Using Redash
  • 06:07 Finding out if changes work
  • 11:09 Sponsor: Netlify
  • 13:18 Nudging users in the right direction
  • 26:09 Other types of analytics

Sponsor: Netlify

Netlify is the fastest way to build the fastest sites, Jamstack style. Netlify is a web host that hosts your static files, but for not-so-static sites. The static file hosting is just so that the site can be served over a global CDN as quickly and securely as is possible to do. Any kind of functionality is possible through things like built-in form processing, auth, and cloud functions, and the developer experience is second to none.

Show Links

CodePen Links

The post #275: Measuring Things appeared first on CodePen Blog.

Jul 06 2020

29mins

Play

#274: Golang

Podcast cover
Read more

Show Description

Alex joins Marie to talk about how CodePen is using the programming language Go. What is Go? Why does Alex call Go a non-magical language? And what improvements have we made by using Go?

Time Jumps

  • 00:51 Go or GoLang?
  • 01:41 What is Go?
  • 05:20 What is a non-magical language?
  • 16:06 Sponsor: Jetpack
  • 17:51 CodePen Spark improvements

Sponsor: Jetpack

Jetpack adds an absolute ton of powerful functionality to your self-hosted WordPress site. 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 and Jetpack Search are new features you can buy individually if you like, and Jetpack Scan is the very latest, scanning your site constantly for any security issues and offering one-click fixes, just $7/month.

Show Links

CodePen Links

The post #274: Golang appeared first on CodePen Blog.

Jun 25 2020

30mins

Play

#273: Assets Keep Getting Better

Podcast cover
Read more

Show Description

Asset Hosting just keeps getting better! Marie and Stephen talk about even more new features added to PRO asset hosting including new CORS-proof asset URLs, image optimization, scaling or saving as a new image, and how CodePen decides to build features like this out.

Time Jumps

  • 01:49 What’s new in Asset Hosting?
  • 07:23 Optimizing images inside assets
  • 14:58 Sponsor: Netlify
  • 17:39 Saving or Scaling Images
  • 24:13 Building for ourselves as well as customers

Sponsor: Netlify

Netlify is the fastest way to build the fastest sites, Jamstack style. Netlify is a web host that hosts your static files, but for not-so-static sites. The static file hosting is just so that the site can be served over a global CDN as quickly and securely as is possible to do. Any kind of functionality is possible through things like built-in form processing, auth, and cloud functions, and the developer experience is second to none.

Show Links

CodePen Links

The post #273: Assets Keep Getting Better appeared first on CodePen Blog.

Jun 19 2020

30mins

Play

#272: Video

Podcast cover
Read more

Show Description

Marie and Chris talk about video tutorials and demos for CodePen, and how CodePen is planning to improve videos across documentation and our YouTube channel.

Time Jumps

Sponsor: Jetpack

Jetpack adds an absolute ton of powerful functionality to your self-hosted WordPress site. 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 and Jetpack Search are new features you can buy individually if you like, and Jetpack Scan is the very latest, scanning your site constantly for any security issues and offering one-click fixes, just $7/month.

Show Links

CodePen Links

The post #272: Video appeared first on CodePen Blog.

Jun 10 2020

33mins

Play

#271: Sending Email

Podcast cover
Read more

Show Description

Dee and Marie talk about changes being made behind the tech we use to send out emails at CodePen. What’s the difference between transactional and non-transactional emails? When to bring an outside service vs building it yourself? And how are we sending emails so quickly now?

Time Jumps

  • 00:45 Transactional vs non-transactional email
  • 09:44 Bringing in outside services vs internal
  • 18:04 Sponsor: An Event Apart
  • 19:36 Very Important Emails get sent
  • 21:24 How can we send email so quickly now?
  • 29:12 Improved open rates

Sponsor: An Event Apart 18:04

To design a better web experience, attend a better-designed web conference. An Event Apart is three days of design, code, and content taught by absolute masters—the people who shape our medium. Join us and set yourself Apart.

Show Links

CodePen Links

The post #271: Sending Email appeared first on CodePen Blog.

Jun 04 2020

37mins

Play

#270: Dynamically Generated CDN Content

Podcast cover
Read more

Show Description

Team CodePen is dipping our toes into the pool of dynamically generating content using Cloudflare Workers. Alex and Marie are on to talk about what that means, and how we’re using it to improve CodePen.

Time Jumps

  • 01:01 Topic introduction
  • 19:56 Sponsor: Sanity.io
  • 21:26 What was challenging about learning Cloudflare Workers?
  • 25:23 Execution time vs request time

Sponsor Sanity.io 19:56

Sanity.io is the platform for structured content. It comes with an open source editor which you can customize with React.
Sanity.io comes with the tooling that lets you build structured content in React, Vue, and other front end technologies like Svelte.
It has powerful APIs so that you can use the same content across any device, channel, or product.
You can even listen for changes in real time, and use the write APIs to patch and make new documents from code. You can get started for free on the standard plan, and add a credit card to pay as you go for usage

Show Links

CodePen Links

The post #270: Dynamically Generated CDN Content appeared first on CodePen Blog.

May 27 2020

33mins

Play
Loading