8 Best Video Games For Web Developers
Tags: javascript, webdev, css, programming
Published: 2022-12-24 06:55:26

In this post, I'll share with you 8 video games that can help you become a better web developer. From problem-solving and logic to design, playing these games will help you develop a variety of essential skills 🧐

So grab your controller and let's get started!

## 1. [Untrusted](https://alexnisnevich.github.io/untrusted)

Untrusted is a meta-JavaScript adventure game that tests your JavaScript skills to solve problems. This free JavaScript game lets you practice more complex skills.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jds0nvxawqafjvnu41av.png)

## 2. [Flexbox Froggy](http://flexboxfroggy.com/)

With a simple interface, you'll learn the basics of CSS Flexbox alignment while helping Froggy and his friends -save Froggy while you become an expert in CSS Flexbox.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sajncw7ta5ax1qkrkqyf.png)

## 3. [Hex Invaders](http://www.hexinvaders.com/)

There are three aliens attacking the world, each sporting a different color, in this version of the classic arcade game. As the player shoots down invaders, he must quickly translate an RGB hex value into human colors.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/98j0rx1wiw7w4gjlufzj.png)


## 4. [Pixactly](http://pixact.ly/)

In Pixactly, you are given two random pixel values, one for the width and another for the height of a rectangle.The player then has to draw a box that is as close as possible to the given dimensions.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uo7v8s0ok10ece6w6mdy.png)

## 5. [CSS Diner](https://flukeout.github.io/)

This game helps you learn CSS selectors. It has a table of dishes animated and in HTML form, and one or more items to choose from the table. It covers everything a web developer needs to know about selectors, from the very basics to the most advanced.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wivfhu2dkgme4oda9mos.png)



## 6. [Dungeons & Developers](http://www.dungeonsanddevelopers.com/)
This talent tree is powered by CSS, HTML, and JavaScript magic. Add points to the skills you already know and see how close you are to becoming a true Web Development Master. Submit your talent tree as a CV for job applications at your own risk.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ptinvyjm27ty5tc4xemz.png)


## 7. [Flexbox Defense](http://www.flexboxdefense.com/)

In this CSS-based tower defense game, the turrets and traps in the game are positioned using a flexible box layout. There are 12 levels with waves of enemies trying to reach your base. 

If you want to complete them all, you'll have to apply your knowledge of Flexbox properties in every aspect.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yw9szjhsm773skboeu7z.png)


## 8. [Checkio](https://checkio.org/)

Bringing coding to life with fun and engaging games for beginners and professionals.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4k4f0s93usp6uq5g6ky3.png)



**Conclusion**

Thanks for reading, and please do share this article if you enjoyed it 🤞💜

Check out my [twitter](https://twitter.com/souptikdn) & [linkedin ](https://www.linkedin.com/in/souptikdn/)for more amazing content.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Create your [Fueler](https://fueler.io/register) profile today!
[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/25uuhsypmfnzunr50ujl.png)](https://fueler.io/register)