4 incredible serious games about web culture (CSS, UX, UI,...)

They say a picture is worth a thousand words, and I'd add that sometimes, a game is worth a thousand hours of lectures (maybe I'm exaggerating a bit, but you get the idea).

Today I'm presenting a selection of (serious) games that will let you discover, learn, or raise your awareness about a specific topic, each one related to the world of the web.

Each experience generally lasts a few minutes, so you can try them all quickly to get a feel for them!

CSS - Flexbox Froggy

This is probably one of the best-known games on this list, especially among web development students, because as its name suggests, "Flexbox Froggy" lets you practice and master the concept of "flexbox" in CSS, all while guiding little frogs to their respective lily pads.

I also discovered that the game is produced by CodePip, a platform full of games of the same kind for learning other CSS concepts!

Link: https://flexboxfroggy.com/#fr

UX - Terms and Conditions

Since 2018 and the grand arrival of the GDPR, we've seen good students adapt while respecting the rules, then other sites with less goodwill but much more imagination.

Here the goal of the game is to never accept the terms and conditions despite the designers' many tricks, good luck!

Link: https://termsandconditions.game/

UI - Can't Unsee

Each time, two designs are presented to you, but one of them is always better than the other, and you'll have to make the right choice, all while learning many web interface design concepts!

Link: https://cantunsee.space/

UI/UX - User Inyerface

Do you think some sites don't want you to be able to sign up, the forms are so complicated? This game follows exactly that principle, taken to the extreme, because to get in you'll have to go through several steps, each harder than the last.

Will you still ask so much of your users next time? Not sure.

Link: https://userinyerface.com/game.html