Mozilla’s big upcoming Summer Campaign is all about making it easy and fun for anyone to learn basic coding and webmaking.

To that end, the Mozilla Webmaker community has been hard at work on curriculum, learning missions and starter projects — including a new “Web Arcade” packed with hackable missions and games.

Mini-games that bake in HTML and CSS

“Enter the Web Arcade to explore the Open Web, a world of serious cats, planking videos and minecraft  empires. The Web Arcade offers mini-games that help you level up your HTML and CSS skills — and MAKE your very own web masterpieces.”

As Jess, Laura and Chloe explained in yesterday’s Mozilla Webmaker call, the arcade includes mini-games like:

• “Make Me Pretty.” Update ugly webpages. Go back in time to 1999 — and update ugly pages for today’s web. Read about it. Or try it out now.
  
• “Internet Famous.” Use your HTML and CSS swagger to mix and match elements, creating an internet meme to conquer all internet memes.
• SansComic Killer. Format this typography — please!
• Webstructable. Make your own tutorial, sharing what you’ve learned.

Get involved

• Try out the “Make Me Pretty” demo.
• Watch and listen to the team present this work in progress (from yesterday’s Mozilla Webmaker call).
• Read more about teaching webmaking through games, missions and projects. (Jess Klein’s blog post.)
• Learn more about the Web Arcade. (Chloe Varelidi’s post.)
• Learn more about “Make Me Pretty” (Laura Hilliger’s post.)
• Volunteer for user testing. This is all a work in progress — add your name here to volunteer for user testing once new games and missions are ready.