css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Posts tagged fun

Pastel Dots Weekend

If you've been on CodePen during the past few weeks (and if you haven't, shame on you!), you've probably noticed a lot of rainbow-themed demos. It started with a Rainbow Star Friday,...

You're Not Going Into The Asteroid Field?

Space Rocks

Adding asteroids to the mix seems like a good idea. They don't have bullets (hopefully) so they should be relatively easy to have float down the screen. Then again maybe...

Hitting Things With Lasers

A Hit, A Hit, A Very Palpable Hit

We've got lasers firing and astroids asteroiding, or whatever it is they do, so now we need to be able to actually hit objects with our lasers. And the...

Javascript weekend

How would you make this work? add(2, 5); // 7
add(2)(5); // 7

See the Pen GQmQqa by Saturn (@cplog) on CodePen.

Given a string containing just the characters '(', ')', '{', '}', '[' and...

How I construct a pen on CodePen

Why I love coding out my ideas

Many of the pens I construct here on CodePen comes out of an idea where I want to see the effect of playing around with known methods. I kind of like science, and...


Browsers: How can you make a browser that can browse website URL's, along with other capabilities? I would like to see them. Please post them here. Who knows, your idea might be the next...