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

#263: A New Editor Vue

Show Description

Chris, Stephen, and Marie talk about the new editor experience that's coming soon for Vue.js on CodePen.

Time Jumps

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 #263: A New Editor Vue appeared first on CodePen Blog.

Posted on

#258: Keyboard Commands

Show Description

Stephen, Marie, and Chris talk about figuring out how to add new keyboard shortcuts to CodePen and the challenges it proposes trying to add features like that to a browser-based app like CodePen.

Time Jumps

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

The post #258: Keyboard Commands 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

#247: Ads

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.

Posted on

#245: Stuff

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.

Posted on

#237: Elasticsearch

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

Show Links

CodePen Links

The post #237: Elasticsearch 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

#230: Apollo

Show Description

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.

Time Jumps

  • 00:46 What is Apollo Day?
  • 05:04 How does CodePen use Apollo?
  • 15:03 Sponsor: WooCommerce
  • 16:26 How do you not repeat yourself?
  • 25:41 Why is it called Apollo?

Sponsor: WooCommerce 15:03

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 #230: Apollo appeared first on CodePen Blog.

Posted on

229: Vulnerability

Show Description

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.

Time Jumps

  • 01:24 What does vulnerability in work look like?
  • 09:32 Sponsor: Jetpack
  • 12:03 Do you need a perfect Github streak to work?
  • 15:07 People make themselves vulnerable on CodePen
  • 20:04 Putting yourself out there helps you grow
  • 22:24 Fighting spam to create a safe place to be vulnerable
  • 28:52 Asking for tech help when you need it.

Sponsor

9:32 Jetpack

Show Links

CodePen Links

Posted on

#221: Responsive Pen Editor

Show Description

We've recently updated our Pen editor to be responsive and unified in the process. Cassidy, Klare, Stephen, and Marie are on to talk about the process of updating the Pen editor for 2019.

Time Jumps

  • 00:53 The history of the editor
  • 03:07 Pulling code out of the old editor
  • 08:38 Native app vs mobile app
  • 11:15 Sponsor: WooCommerce
  • 12:44 How to plan for a mobile editor
  • 20:21 Cassidy's Mechanical Keyboard Corner

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 #221: Responsive Pen Editor appeared first on CodePen Blog.

Posted on

#219: Topics

Show Description

Our topic for this episode is Topics - a new feature on CodePen. Stephen, Klare, Cassidy, and Marie are on to talk about what Topics are, the design approach, how we built the feature, and how you can suggest new Topics.

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.

Time Jumps

  • 00:42 What's the Topics section?
  • 02:53 Some of the coolest stuff is inside of Posts
  • 03:49 What was the design approach to Topics?
  • 04:53 New feature highlighter
  • 08:07 Sponsor: Netlify
  • 08:55 How did we build Topics?
  • 12:40 Starter templates in Topics
  • 16:02 Other Topics ideas
  • 21:36 Taking suggestions

Show Links

CodePen Links

The post #219: Topics 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

#216: Time Management

Show Description

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

Time Jumps

  • 00:31 About what happened...
  • 01:31 Topic introduction
  • 02:57 CodePen All Hands Meeting
  • 06:38 How do you estimate how long something will take?
  • 13:26 Dividing tasks to different times of the day
  • 18:11 Apps and tools for time management
  • 25:40 Are forums making a comeback?

Show Links

CodePen Links

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

Posted on

#212: Challenge-iversary

Show Description

It's the one year anniversary of the first #CodePenChallenge! Marie, Chris, and Cassidy look back on a year of the CodePen Challenge, and chat about plans for future challenge themes and prompts.

Time Jumps

  • 00:30 Challenges are ongoing
  • 02:24 Inspired by Creative Coding Club
  • 05:13 Starting something with the intention of keeping it going
  • 06:57 Why do people participate in challenges?
  • 09:28 Is challenges even the right word?
  • 11:55 Sponsor: BusinessNameGenerator.com
  • 12:53 How themes work with challenges
  • 16:59 Keyboards! Oooh!
  • 20:15 No more Moments

Sponsor: Business Name Generator

If you're looking for name inspiration for your business, product, or service then BusinessNameGenerator.com has built an intelligent word recognition AI to help generate thousands of relevant name ideas that can be used for a business, software, website, product or service. The AI generates results specific to your industry, checks multiple domain extensions availability for each suggestion and works in six languages. It's 100% free to use with no signup needed.

Show Links

CodePen Links

The post #212: Challenge-iversary appeared first on CodePen Blog.

Posted on

#211: Time Zones

Show Description

Marie and Cassidy are chatting about time — what is time? How does CodePen, the app, handle time? How does Team CodePen deal with members spread across the globe? You'll find out... all in good time.

Time Jumps

  • 01:03 Time zones!
  • 03:51 What does CodePen the app use?
  • 08:41 What does Team CodePen use?
  • 13:57 Don't send a "Hey!"
  • 19:33 Sponsor: WordPress
  • 21:46 Time zones for support issues

Sponsor 19:33 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

CodePen Links

The post #211: Time Zones appeared first on CodePen Blog.

Posted on

#206: Prototyping with Dave and Trent

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.

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.

Time Jumps

  • 00:10 Guest intros
  • 04:28 Using CodePen with clients
  • 11:48 Where are the conversations happening?
  • 14:22 Previewing ideas on device with ease
  • 16:37 Sponsor: Jetpack
  • 19:00 Do you ever get pushback?
  • 22:27 What else could CodePen do?
  • 29:52 Thoughts on the client work world.

Show Links

CodePen Links

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