CodePen Radio

CodePen Blog•blog.codepen.io

Technology

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

Follow on

Podcasts are better in Metacast mobile app

Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

#310: Front-End Monorepo

We talked about our transition to a monorepo back in episode 305 . This move has all sorts of advantages for us, like the simplicity of having a single repo to pull and be up to date with and linting/formatting code in a consistent way across the entire code base of CodePen. This time we'll get into more of the repercussions of the monorepo from a front-end perspective. For example, since a bit part of the point of the monorepo is sharing code across areas of the site, it made sense to yoink out...

Apr 07, 2021•36 min

#309: Elasticsearch

Dee, Chris, and Alex talk all about the technology of Elasticsearch . That's a link to the company itself right there, which is relevant as we use them directly to host our production Elasticsearch. We use it for (wait for it): search. But interestingly enough, that's not all. Elasticsearch is just a data store that can be useful for all sorts of other things. But before we get to that, we explain the technology and some of the problems we've had along the way that we're still on a journey to en...

Mar 31, 2021•42 min

#308: User Testing

In this episode, Klare and Chris talk about speaking to users directly about CodePen to get their feedback and as much other intel as we can in the spirit of making CodePen better and validating some ideas for future features. Timejumps Sponsor: Netlify We had a question come in over on ShopTalk Show from a user who wanted to know what the advantage of Netlify was over putting static files in an Amazon S3 bucket with CloudFront in front of it. That was an interesting framing of the question beca...

Mar 24, 2021•31 min

#307: We’re Hiring a Gopher

A Go-person? A Golanger? A person who's good at Go, anyway. That's who we'd like to hire at CodePen, at the senior level. In this podcast, we chat about how we're thinking about this new role, why Go has been so important to us so far, and what we hope to do with it. We thought it might be helpful for you, potential hires out there, to hear about how we're thinking about all this and get to know exactly the people you'd be working with. Timestamps Sponsor: Linode Simplify your infrastructure and...

Mar 17, 2021•34 min

#306: The Views of CodePen

(This is a video podcast. Feel free to watch on our YouTube channel instead of downloading if you experience any issues.) The Editor View , perhaps the most important view on CodePen, is just one of many! In this video, Chris Coyier and Stephen Shaw look at all the different views, from the basic Full Page View to the very useful for testing Debug View , to the real-time magic of Collab Mode . Sponsor: WooCommerce (12:29) WordPress is already a great CMS, and when you add WooCommerce to do eComm...

Mar 10, 2021•23 min

#305: CodePen’s Monorepo

Alex and Chris talk about the glory that is having all of CodePen's code base in a single repository. This was a slow journey of a couple of years. The biggest step was what jokingly named "CodePen in Stereo" which involved consolidating everything Node-based on CodePen (mostly a bunch of lambdas) into a single repo, but still having a second repo for our Rails stuff. The final leap was consolidating those. This opened up some cool doors for us, like having a sub-project that is our design syste...

Mar 04, 20210

#304: Security at CodePen

As Alex puts it, and as evidenced by the Falkor header on our Notion planning board , security at CodePen is a NeverEnding Story . Not in an ugkadh this project will never end sense, but in that there is always some patch to stay on top of, some newly-evolving best practice to follow, or some new exploit in the wild to read about and make sure we've covered whatever scenario happened to them. We just so happened to get through a bunch of security upgrades at CodePen recently so hopped on this po...

Feb 24, 20210

#303: Using JavaScript Packages / ES Modules on CodePen

Stephen and I dig into just about every way that ES Modules are relevant on CodePen. They are extremely wonderful . The fact that browsers support native import/export for JavaScript, and the existence of amazing projects like Skypack which bring the npm ecosystem to ES Modules, opens up all sorts of doors on CodePen. We look at how to use ES Modules in the Pen Editor, Project Editor, and Vue Editor. Sponsor: Jetpack Jetpack is a plugin for WordPress, and we use it right here on this very site. ...

Feb 17, 20210

#302: Five Year Employee Milestones

While CodePen itself is about 8.5 years old as I write, Rach was part of the first round of hires we ever did, and has crossed the ever-so-rare and round-of-applause worthy 5-year milestone. She blogged it as well. So has Marie ! Both of them join me (Chris) in a chat about that half-decade of life and work here at CodePen. 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 d...

Feb 10, 20210

#301: What are Projects?

Chris & Stephen take a look at CodePen Projects ( docs ), which, for the time, is an entirely different thing than Pens . Rather than just the 3 editors: HTML, CSS, and JavaScript—you have a file system to work with, with arbitrary files and folders like you're used to with a desktop code editor like VS Code or Atom. You've still got the ability to run processors, but you can do more, like literally deploy a production version of the site. Sponsor: Jetpack Jetpack is a WordPress plugin for y...

Feb 03, 20210

← Prev

For the best experience, listen in Metacast app for iOS or Android

Open in Metacast