cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

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.

Challenges

Each month there will be an overall theme for CodePen Challenges, and each week there will be a specific challenge prompt around that theme. Your challenge is to create a Pen following that prompt! Challenges are fun opportunities for leveling up your skills by building things.

You'll need a CodePen account to join! Log In or Sign Up.

This month’s theme

Halloween 🎃

Let's dedicate this entire month to the spookiest (and most fun) of all holidays: All Hallows' Eve! Each week will be a classic Halloween concept, but of course you can interpret it however you wish. There are lots of ways to skin a cat. Gross.

This week’s challenge

☠ Skeletons ☠

Your challenge: create a Pen that incorporates a skeleton! Make a spine-tinglingly scary design or take a practical approach, it’s up to you.

Get instructions and resources

Upcoming challenges

  • 🍬 Candy 🍬

Completed challenges

  • 👻 Ghosts 👻
  • 👺 Masks 👺

Past months

These months each have four challenges which have already been completed. Check out all the cool Pens created for them!

HTTP Status Codes 🕸️

When you visit a website, a web server somewhere is sending documents across the network back to your web browser. Along with the documents comes a variety of metadata, one of which is a status code. Say everything went just perfectly... that code is 200 (OK). But there are many more, and that will be this months theme!

Teaching 👩‍🏫

One of the best ways to really understand something is to teach it. Let's do that this month! You don't have to be a teacher by trade to teach someone something, anybody can give it a go, especially when they've just learned that something. Take that moment when began to understand something and share it.

The Office 🏢

TPS reports, am I right? This month we're going to be exploring some of the things you'll find in the world's most stimulating and exotic locations: the common business office. But of course we can get as weird and wild as we want here. What's an office without an office party?

Blogging 📝

Blogging is such a huge part of the web. What was once a niche phrase is now widely known and for good reason, blogging is just writing. A blog is just a place with published articles. In a sense, you could call just about any publication on the web a blog. Let's use this as a theme this month, focusing in on some design work that typically needs doing on blogs.

HTML Buddies 👥

Some HTML elements go together like peanut butter and jelly. Some functionally tied together, semantically symbiotic, or even polar opposites. This month we'll focus on some of those pairings, handing them off to you to consider and do something unique with, beyond what browsers do with them by default!

Retro Video Games 👾

Each week in April we'll be picking a different retro video game as the weekly challenge prompt. Nothing new and fancy here, we'll be going back to the glorious olden days of video games. Take them as inspiration do do whatever you like!

Movie Night 🎬

March is Movie Night month! Every Monday we'll email you with that week's prompt. We'll be having fun with movies. Some great, some, uhhh, maybe not so great but iconic just the same.