Browser Games for Developers & Designers
Published
Here's some great web browser based video games you can play to help you master development & design skills while having a little fun!
🕹 👾 🧠 🧑💻
- Can’t Unsee - Choose the design that‘s most correct. (made by @alex_frantic and @keyanzhang)
- Color - A color matching game. (made by @methodofaction)
- CSS Battle - An online CSS Code Golfing battleground & leaderboard. Challenge players from around the world! 🌏 (made by @chinchang457 and @kushsolitary)
- CSS Diner - A fun game to help you learn and practice CSS selectors. (made by @flukeout)
- Dungeons & Developers - You guessed it, role playing! (made by @352inc)
- Elevator Saga - Program the movement of elevators with JavaScript. The goal is to transport people in an efficient manner. (made by @magwo)
- Flex Box Adventure
- Flexbox Defense - Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! (made by @ChanningAllen)
- Flexbox Froggy - Help guide Froggy and friends by writing CSS. This game helped me learn flexbox! (made by @playcodepip)
- Flexbox Zombies - Complete zombie survival challenges and master flexbox concepts, your life depends on it! (made by @davidgeddes)
- Grid Attack
- Grid Critters
- Grid Garden - Write CSS to grow a carrot garden! (made by @playcodepip)
- Hex Invaders - The world needs your typically useless skill of hex code knowledge to prevent the invasion! (made by @352inc)
- Interactive Vim Tutorial - It’s an interactive vim tutorial 😁 (made by @egaga)
- Kern Type - The kerning game. (made by @tobiascnee)
- Pixact.ly - Draw a box that matches the dimensions given and receive a score based on how close you are. (made by ??)
- Regex Crossword - A crossword puzzle game, where the crossword clues are defined using regular expressions. (made by @mhmichelsen and @omichelsen)
- RegexOne
- Ruby Warrior - A triumphant quest of adventure, love & destiny (made by ???)
all within a few lines of code! (A project by @trybloc — made by Emelyn Baker, @foxy_blocks, and @choxi) - Shape Type - The letter shaping game. (made by @methodofaction)
- The Bézier Game - A game to help you master the pen tool. (made by @methodofaction)
- TwilioQuest - Learn to code and lead your intrepid crew on a mission to save The Cloud in TwilioQuest, a role-playing game inspired by classics of the 16-bit era. (made by @twilio)
- Untrusted - The continuing adventures of Dr. Eval (made by @alexnisnevich)
- User Inyerface
- VIM Adventures - Learn VIM while playing a game! (made by @doronlinder)
- VimGenius - Increase your speed and improve your muscle memory with Vim Genius, a timed flashcard-style game designed to make you faster in Vim. (made by @vicramon and @ryenotbread)