#290: Packages

Featured Imgs 23

Show Description

Chris, Stephen, and Marie talk about developing with packages and CodePen’s upcoming Skypack integration.

Time Jumps

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

Posts Sunset

Category Image 052

We are removing the Posts editor from CodePen in December 2020.

If you’re looking for a great place to publish blog posts, there are lots of places you can blog for free, like the developer-focused DEV, WordPress.com, or hey, maybe it’s a good time to play around with a static site generator and self-publish.

Here’s what’s changed now:

  • Readers cannot create new comments on Posts
  • Readers cannot heart Posts
  • We are no longer picking Posts for the homepage picks
  • Posts are removed from Topics

Here’s what will happen in December:

  • The Post editor at codepen.io/write will be removed
  • Post editing will be disabled
  • The Posts section of member profiles will be removed
  • Search for Posts will be removed
  • Only users with published Posts will see UI for it in their own work

But all published Posts will remain published at their original URLs. Nothing is being deleted or taken offline.

  • Private Posts will remain private
  • Public Posts will remain public
  • Post authors can delete published Posts and unpublished drafts
  • Post authors can view and copy the raw Markdown of published Posts and unpublished drafts

Any questions at all, feel free to message us in support.

The post Posts Sunset appeared first on CodePen Blog.

#272: Video

Category Image 052

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.

#271: Sending Email

Featured Imgs 23

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.

#266: Rubber Ducking

Featured Imgs 23

Show Description

It is rubber duck season! As we all spend a lot more time on our own, team CodePen and the CodePen community are squashing bugs with the "rubber ducking" technique for breaking down complex problems. Goofy name, but it really works!

Time Jumps

  • 01:33 What is rubber ducking?
  • 05:03 Reduced test case
  • 08:40 Getting debugging help on social media
  • 15:17 Sponsor: Porkbun
  • 16:00 CodePen Collab mode rubber ducking
  • 19:51 Console on CodePen

Sponsor: Porkbun

Did you know? You can get a free .design domain name for your website! .design lets everyone — especially your clients or future employers — know what you do before they even arrive to your website. Unlike .com or .net, it’s more relevant to what you do as a designer and it helps with your branding. It looks great on resumes, business cards, or as your professional email address (e.g. you@website.design). Right now you can get a free .design domain name. Your .design domain name comes with free email hosting, SSL certificates, & a free site builder.

Show Links

CodePen Links

The post #266: Rubber Ducking appeared first on CodePen Blog.

#265: Flutter

Featured Imgs 23

Show Description

Andrew Brogdon from the Flutter team chats with Marie and Alex about the new Flutter editor on CodePen.

Time Jumps

  • 01:07 What is Flutter?
  • 05:03 How did CodePen integrate Flutter?
  • 08:20 Dartpad
  • 14:45 Sponsor: Jetpack
  • 17:09 How do you get started with Flutter?
  • 20:26 How did CodePen enable a new editor

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

#257: Challenges 2020

Featured Imgs 23

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

254: Design Tools

Featured Imgs 23

Show Description

Klare and Chris talk about the design tools used at CodePen, and why we landed on the apps that we did.

Time Jumps

  • 01:06 We use Figma!
  • 02:33 What about Invision?
  • 07:57 Our flow typically is...
  • 16:31 Sponsor: WordPress
  • 18:04 What is auto layout?
  • 27:41 What about time?

Sponsor: WordPress.com now has SFTP and Database Access

I’m the type of developer who likes to hack on my theme! Me too, dear reader, me too. In the past, that may have been a reason not to choose to put your site on WordPress.com. No more. If you’re on the Business or eCommerce plans, you have direct access to your site’s database (via phpMyAdmin) and files (via SFTP). You can also install plugins, giving you as much control over your WordPress site as you’d likely ever need.

Show Links

CodePen Links

The post 254: Design Tools appeared first on CodePen Blog.

#251: Marketing

Featured Imgs 23

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.