To diversify my learning, I usually find games to play to stimulate my mind. I am lucky that there are web design focused and web development focused games that I can play to help me train my eye and knowledge on the topics I think I know. Continue reading if you want to take a look at all the web design games. However, if you would like to take a stab at web development games, visit: https://www.lenoraporter.com/post/10-free-games-to-help-you-become-a-better-web-developer
1. Can’t Unsee
Can’t Unsee is a web-based simple game to help you practice your UI Skills. There are three rounds that ramp up in difficulty. Each question gives you a choice between two mock-ups presented side by side. In the easy round, the wrong choice will stand out; however, once the game escalate to the difficult rounds, the images are nearly identical.
2. Kern Type
Test your kerning skills with this fun game. Click on the letters and using your arrow keys or mouse, kern the letters. You will be rated out of 100 depending on how close you are to the 'typographer's solution'.
3. Shape Type
An HTML5 typography game where you have to drag curve-adjustment tools to perfect letterforms in various font faces. The closer you get to the actual letter the higher your score.
With the Bezier Game, you will learn how to master the pen tool!
This fun color matching game starts out easy- just move the open circle bullseye around the outside of the wheel until the two colors of the inside circle match.
You'll be presented with 10 shapes. Test your skills and judge whether the dots are really in the middle of the shapes.
7. HEX Invaders
To destroy the invader, match the supplied hex code at the top of your screen.
Guess the typeface!
A web typography learning game.
How well do you know some of the most popular brands on earth? Find out by selecting the color you associate with each logo.
Pixactly is an online pixel game that tests how well you know your pixels. Try out the quiz for yourself and test your knowledge of exact pixel counts!
12. RGB Challenge
You are given three values for red, green, and blue. Based on those numbers, you have to pick which color that total value represents!
13. Type Connection
A typographic dating game that helps you learn how to pair typefaces.
Kolor Game, a free browser game where you have to be as fast as possible by guessing colors in order to score high.