Posted on

#294: Ten Bugs

At the end of the year we’re in a bug-bashing mood. Chris and Marie are on to talk bug fixing, and dig into the behind-the-scenes on the last 10 bugs we fixed.

Time Jumps

  • 00:26 Software versioning
  • 07:06 Issues vs Features
  • 12:14 Sponsor: Netlify
  • 14:49 Dealing with issues
  • 20:47 Various bugs we’ve fixed

Sponsor: Netlify

Netlify is great for a million reasons, chief among them how easy it makes to deploy your code. Not just static files, either. Netlify helps you deploy serverless functions as well. And now, those functions can run much longer: 15 minutes. That’s enough time to do long-running tasks like web scraping, media generation and optimization, and things like data syncing.

Show Links

CodePen Links

The post #294: Ten Bugs appeared first on CodePen Blog.

Posted on

#259: Teaching with CodePen

Show Description

Stephen and Chris talk about the various ways CodePen is used in education - both formal and "for fun". Documentation, streaming, code camps, and more!

Time Jumps

  • 01:48:18 Topic introduction
  • 03:30:12 Why does CodePen exist?
  • 06:34:05 Rebuilding The Markup
  • 10:10:00 Documentation and embeds
  • 14:51:18 Sponsor: Front End Masters
  • 16:29:17 Free Code Camp
  • 20:20:02 Streaming CodePen

Sponsor: Frontend Masters

Frontend Masters is the best place to learn about the modern world of web development. They have all the best teachers delivering courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

Show Links

CodePen Links

The post #259: Teaching with CodePen appeared first on CodePen Blog.

Posted on

#257: Challenges 2020

Show Description

We're two years into the #CodePenChallenge! Chris and Marie chat about why we do them, and the challenges of keeping a community challenge fresh and fun over time.

Time Jumps

  • 00:47 What are Challenges?
  • 10:53 Reasons to have challenges
  • 13:33 Sponsor: CodePen Pro!
  • 15:37 Business benefit of Challenges
  • 27:03 Community challenges?

Show Links

CodePen Links

Posted on

#241: CTO

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.

Posted on

#234: React Grids

Show Description

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

Time Jumps

  • 02:05 Updating the Instagram page
  • 07:51 Moving to a new stack as a team
  • 10:18 Speed improvements
  • 18:12 Sponsor: WooCommerce
  • 19:35 Future feature in the works

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

Posted on

#227: Tidying Up

Show Description

It's time to clean all the things! Cassidy and Marie talk about how CodePen is cleaning up code, internal docs, and external docs. How does your team do spring cleaning?

Sponsor: Mux

Mux Video 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.

Sign up for a free account and get $20 credit at Mux.com.

Show Links

CodePen Links

The post #227: Tidying Up appeared first on CodePen Blog.

Posted on

#222: Trash Can

Show Description

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.

Sponsor 12:36 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.

Time Jumps

  • 01:39 What is the "trash can"?
  • 09:10 Planning out the deleted items restore feature
  • 12:36 Sponsor: WooCommerce
  • 14:08 What's the UX flow?
  • 23:02 Building on what we've made

Show Links

CodePen Links

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

Posted on

#217: Nooks and Crannies

Show Description

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

Time Jumps

  • 00:28 Topic introduction
  • 07:20 Technical debt of app adolescence
  • 08:39 Customizing your profile page
  • 11:30 Sponsor: WooCommerce
  • 12:54 Use a pen as the background for the header on your profile
  • 17:33 12 dots and 6 dots on explore
  • 20:53 Tip for speeding up CodePen
  • 30:07 Full page editor and full page preview option
  • 32:26 CodePen on Instagram

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 #217: Nooks and Crannies appeared first on CodePen Blog.

Posted on

#214: Babel 7

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.

Time Jumps

  • 00:38 Upgrading to Babel 7
  • 01:46 What is Babel?
  • 03:25 How it was added to the CodePen editor
  • 05:00 Brining back infinite loop detection
  • 06:32 What can we do now with Babel 7?
  • 09:33 Moving to a less verbose future
  • 14:01 Is it your bug or ours?
  • 15:56 Sponsor: Netlify
  • 16:47 How did we bring Babel to CodePen?

Sponsor: Netlify 15:56

[Netlify](https://www.netlify.com/?utm_source=codepen&utm_medium=podcast&utm_campaign=css-0418, 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 #214: Babel 7 appeared first on CodePen Blog.