Challenges

Welcome to the March 2025 #CodePenChallenge!

This month is all about Bugs 🐞

For this challenge, we're going to work & play with just about every kind of bug a front-end developer can encounter, from a fly landing on your screen to a bug in your code. The goal is to grow your front-end development skills and flex your creativity at the same time.

Each Monday for the next 4 weeks we'll send you a bug-themed prompt, along with lots of resources and ideas to help you get coding.

The February #CodePenChallenge starts now!

This month, we're going to focus on UI elements that help users pick from options and make choices ✅

Each Monday this February, we'll prompt you with a UI element or UX pattern used for picking & choosing, along with plenty of ideas and resources to help you create your Pen.

New Year, New #CodePenChallenge!

This month, we're going to slide our way into 2025 with some slick CSS & JS moves inspired by dance 🕺

Each Monday this January we'll give you a prompt of some dance inspired movements for the front-end, a starter template, and lots of ideas & resources to help you hit the front-end dance floor and learn some new moves, or show off the ones you know!

It's the final #CodePenChallenge of 2024!

This month, as the office parties begin and the out-of-office messages start flying, we're hosting a very chill mini-challenge. This one comes with a built-in winter break!

Each Monday from now through December 16th, we'll send out a weekly front-end challenge prompt with a wintry theme. As always, we'll include lots of ideas and resources to help you build your front-end skills, or flex what you know.

Then, starting December 23rd, you'll have two weeks to rest and recharge before the first challenge of 2025 comes in hot on January 6, 2025 🔥

Welcome to the November #CodePenChallenge!

We're going to spend this month immersed in the wonderful world of text art on the web. With a combination of cool CSS tricks and classic typographic principles, we'll make artistic choices and build new front-end skills 🎨

Each Monday this November we'll give you a prompt for an artistic text project and a basic starter template, plus lots of ideas and resources to help you build your text art chops or show off your typographic talents!

The Halloween #CodePenChallenge starts now! 🧛🏻

Every Monday this month we'll treat you to a Halloween-themed challenge designed to help you grow some scary-good front-end skills. We'll have a starter template to help you get going, plus lots of ideas and resources to inspire and inform. Then it's up to you to show us some CSS tricks & JavaScript treats!

Welcome to the September #CodePenChallenge!

This month, we're going to work with some classic JavaScript challenges. 💻

Each Monday over the next 4 weeks we'll give you a prompt of a classic beginner JavaScript project, plus lots of ideas and resources to help you jump into the challenge.

If you're new to JavaScript, this month will be a fun opportunity to try it out and learn something new. If you're already a pro, it's time to flex what you know 💪

The August #CodePenChallenge starts now!

This month, we're exploring the endlessly fascinating world of fractals 🌌

Fractals can theoretically scale infinitely, creating mesmerizing patterns and mind-bending shapes along the way.

Coding fractals is a great way to get hands on with fundamental programming concepts, but there's also a lot of room for creativity.

Each Monday for the next 4 weeks we'll give you a fractal prompt, plus lots of ideas and resources to help you build new skills or flex the ones you've got.

It's the July #CodePenChallenge!

This month is all about puzzles 🧩

We've got 4 weeks of fun ahead of us, playing with front-end versions of all sorts of puzzles.

Each Monday we'll give you a new challenge prompt to puzzle out, along with a starter template to help you get going, plus lots of ideas and helpful resources to help you grow or flex your front-end development skills.

The June #CodePenChallenge starts now!

This month is all about scrolling 📜

We're going to spend June exploring the ins & outs, ups & downs, and side-to-sides of scrolling on the front-end. It's a great opportunity to sharpen up your CSS and JavaScript techniques and play around with motion and interaction in your front-end designs.

Each week this month, we'll give you a scrolling concept as a prompt, plus a starter template and a bunch of ideas & resources to help you grow your skills and flex your front-end knowledge.

Let's scroll!

Welcome to the May #CodePenChallenge ☀️

This month is all about filters! Each week this May, we'll work with a different kind of front-end filtering, using techniques from CSS, JavaScript, and SVG. In week 4, we'll put them all together for a final filtering extravaganza.

Every Monday for the next 4 weeks we'll give you a starter template, plus lots of ideas and resources to help you develop new skills or flex your filter know-how. Let's go!