We’re all excited to see CodePen on Daniel Shiffman’s YouTube channel Coding Rainbow! In this episode Daniel shows how to set up p5.js in CodePen and experiments with Professor Mode. The CodePen tutorial starts at 16:14, but the whole episode is fun! 🌈

Open the menu in the HTML editor and you’ll see an option for “Analyze HTML”. While we were in there tweaking the rules to be more helpful, we added a new feature that we didn’t have before. It will now warn you if you use a class in your HTML that you haven’t defined anywhere […]

Show Description In this episode we talk about some of the biggest Pens of all time on CodePen. Most of them were not only just popular right on CodePen itself, but went viral and reached far beyond CodePen itself. Wanna make one of these super-popular Pens yourself? Listen and find out what “Marie’s Law” is […]

It’s always interesting to see the tools developers build to help them do exactly the things they need to do. CodePen, despite the fact that we don’t really have an true “API”, has spawned a number of such tools. Here’s some of the ones on GitHub. pen-case jhey tompkins created “a local development boilerplate set […]

This weekend’s shaping up to be a hot one all over the northern hemisphere. It’s perfect ice cream weather, wouldn’t you say? The CodePen community’s got something on the truck for everybody! Take your pick of perfect popsicles from Mikhail Korotkov’s “cant get enough icecream in pure css3” See the Pen cant get enough icecream […]

We were pretty stoked to get HTML linting back into the editor as the “Analyze HTML” command, to join its pals “Analyze CSS” and “Analyze JS”. We started actually using them a lot more. Then we got annoyed. The default settings for the analyzers we were using were a little more opinionated than we liked. […]

CodePen Embeds allow you to take any Pen and make a mini version of it to put into places like documentation, blog posts, or any other page you’d like to show off a live demo and code. Embeds can be editable as well, meaning the code can be edited and anyone can see the results […]

Show Description The whole point of testing in development is so you don’t write some new code that ends up affecting other code, causing it to fail or otherwise do something unexpected. You write some code, then you write a test to ensure the code you write does what you expect it to (you might […]

By ReasonablePopularRequest™, we added a couple of features to the pop-up Assets area in the Editor. After dropping an asset, it uploads then selects itself. That means the next action you take could be a keyboard copy so you can paste the URL of the uploaded asset, rather than having to click onto the asset […]

There is a brand new PRO Perk up! This one is from our friends at CrossBrowserTesting. Yep yep, the very same app we have a partnership with that allows you to test your Pens, for free, across any browser/platform/version right through the comfort of your web browser. It’s pretty amazing. It’s 20% off either their […]