This is a supported command now in the console. console.clear(); Much like the native browser console, it only clears when the entire page refreshes. Refreshing just the demo doesn’t clear the console. If you want a clear console every time the demo refreshes, put that line at the top of the JS and it’ll do […]

Show Description It’s almost always bad news to alter a third-party dependency. You wouldn’t, for example, alter a core WordPress file to change how something works, because WordPress updates all the time (even automatically) and your changes would be wiped out. Ideally, third-party code offers hooks and APIs to change how it behaves. But what […]

We’ve rejiggered the UI a bit so that finding and adding preprocessor add-ons is a bit easier. As they say, easier to GIF than to paragraph: Brand new is the search bar and the “Add” buttons, so you can quickly filter them and one-click add them to the top of your CSS. (Only CSS has […]

There were a couple of fun challenges in the CodePen community this week! On Tuesday, Wes Bos tweeted a JavaScript challenge for this Pen: See the Pen zrLjYq by Wes Bos (@wesbos) on CodePen. The rules of the challenge: When a user clicks a checkbox, holds Shift, and then clicks another checkbox a few rows […]

We’re in the middle of upgrading our avatar uploading/selecting service. That’ll be here soon, but as part of that, we wanted to stop serving the default “Blue Gravatar G” avatar as the fallback when a user doesn’t have an avatar at all. Now we have a new default avatar: It’s a bit less aggressive in […]

While most coders I know prefer light-on-dark, there’s certainly a strong contingent for dark-on-light! CodePen has always been a dark site. Not just in it’s default syntax highlighting theme (Twilight), but the entire UI. That was kind of a bummer for people who chose a dark-on-light theme, because, while the code editors were light, the […]

Show Description Introducing our most recent hire, Rachel Smith! We talk about her use of CodePen’s posts, moving from Australia to work in the U.S. with an E3, her first projects, and how awesome it is to hire and work with people who already know the project inside and out. Show Sponsor Visit MediaTemple.net/codepen and […]

FROM WITHIN THE PEN ITSELF? Filip Kis needed that. I think the idea is that it’s a unique identifier, so if you need that for something programmatic (perhaps a unique key for Firebase or something), you got it. It also ensures that forks will also use their own unique key. Here’s the solution: See the […]

In the CodePen Editor View, the preview pane is essentially a browser window (it’s an <iframe> of your code). It does just about everything a normal browser window does, including opening links in the same window. Unless—it’s told to do otherwise. So, if you put a link to CodePen inside your Pen, you can end […]

We have a JS console now! Hopefully it works exactly as you expect it to. As in, you can log things to the console and see the results, and you can type things into the console and see the results. Doesn’t the browser already have a console? It sure does. Pretty much all desktop browsers, […]