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

Masks 👺

Your challenge: Create a Pen that plays with the idea of masks. Make a scary Halloween mask using a masking technique from CSS or SVG, or have your own play on the word mask.

Get instructions and resources

Upcoming challenges

  • Skeletons
  • Candy

Completed challenges

  • Ghosts

Past months

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

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 buisness 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.