Tim, Alex, and Chris are here for a classic propellerhead episode – talking all things server infrastructure for CodePen Projects. All the fun server buzzwords are covered such as NFS, S3, EFS, Gulp, Docker, Docker Swarm, and AWS Nodes.

Marie and I take a look in this quick video: The brief explanation is: Pens give you three panels: HTML, CSS, and JavaScript. You can use preprocessors and external resources and such, but are limited to the three editors. Projects are more powerful in that you get a complete file system. You can have multiple […]

I guess that says it all: Which we can only assume was asked for by LeBron himself 😉. Want to check out the Pen? It’s Will Boyd’s Align 4 Game.

You can now export your Projects! Click the button in the footer: CodePen will get to work. It’s normally just a few seconds, but it depends on the size of the project. Once it’s ready, you’ll get a button to download the .zip: That’ll download the file from your browser to wherever your default download […]

Chris, Tim Holman, and Marie are talking about spreading the CodePen word at conferences, both as speakers and attendees. How do you not cross the line into smarmy marketing? Do you need business cards? We talk about what feels right, and what doesn’t, when you take your company out “on the road”.

Some recent changes to Embedded Pens have made it a lot easier to make them resizeable! Let’s cover everything. Embedded Pens are naturally horizontally flexible and responsive They can go as wide or narrow as you need. They naturally fill the horizontal space of the container they are in. If they are wide enough, you […]

One fun thing about a PRO account is that you can use any Pen as a header for your profile! It’s an option under Settings > Customize. Here are some nice ones:

Everybody loves pretty code, and in fact CodePen has had the “tidy” functionality since the beginning. In the Pen editor, it’s in the dropdown within your HTML/CSS/JS panels. And in the Project Editor, it’s in the main bar, at the top of your file editor. So, why are we here? Well, we’ve just changed the […]

Last week, we pushed out a variety of improvements to Embedded Pens! Here’s a quick rundown of what’s new. Vertically Responsive Some folks add a little interactivity to Embedded Pens on their side. For example, putting them inside resizable containers so readers can expand and contract them as they need, to expose more code or […]

Chris, Rachel, and Marie talk about the stages of testing CodePen’s new Projects feature – moving from developing in “secret” to alpha, transitioning to invite-only beta and open beta, and managing communication with alpha and beta users.