#256: Browsing

Show Description Klare, Stephen, and Marie talk about recent changes to browsing CodePen and how it makes everything faster and less likely to start a fire on your laptop. Time Jumps 01:18:00 What did we change? 06:52:18 Horizontal vs infinite scroll 10:07:19 Browse + pop out preview 12:52:00 Sponsor: Netlify

Continue reading

254: Design Tools

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?

Continue reading

253: Copy

Show Description Klare and Marie are talking copy — marketing copy, documentation copy, micro-copy, and all the other kinds of copy that you might have on an app like CodePen. Time Jumps 00:41 Redesign of the Pen settings panel 07:08 Updating documentation 13:01 Marketing copy 21:07 Sponsor: CloudBees Rollout 22:25

Continue reading

#252: Browser Testing

Show Description Stephen, Marie, and Chris talk about cross browser testing – both as a user as well as behind the scenes at CodePen. Time Jumps 00:25 Topic introduction 02:32 How to test your Pen 14:07 Sponsor: Jetpack 16:40 Virtual boxing 23:38 Code debugging on CodePen Sponsor: Jetpack Jetpack is

Continue reading

#251: Marketing

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:

Continue reading

#249: 2019 in Review

Show Description We’re wrapping it up for 2019! In this special episode, Marie talks to everybody on Team CodePen about their favorite projects of the year. See the Pen CodePen’s 2019 by CodePen (@codepen) on CodePen. Sponsor: WordPress.com WordPress.com powers a third of the internet. Surprising? Perhaps not once you

Continue reading

#248: Ideation

Marie and Klare talk about ideation and how CodePen has used it to work through ideas and projects as a remote team. Time Jumps 00:41 What is ideation? 05:59 Sponsor: Netlify 08:00 Next steps 19:42 Sponsor: WordPress.com 21:56 Recapping our session 29:18 Recommendations for using ideation Sponsors Netlify Netlify, the

Continue reading