On trouve beaucoup de jeux qui permettent de se tester et d’apprendre en s’amusant le CSS. J’avais notamment partagé ici des jeux autour de CSS Grid.
CSSBattle est plus généraliste, et il est aujourd’hui pour moi le meilleur jeu dans ce style que j’ai testé. Il se décline sur 12 niveaux et est plutôt bien réalisé, facilement compréhensible. Une fois le code CSS tapé, le rendu est bien évidemment directement visible.
En plus de ça son système de score est d’autant plus motivant puisqu’il est calculé en fonction du nombre de caractères utilisés. L’objectif est donc d’utiliser le moins de caractères possible et d’optimiser au maximum son code CSS.
La difficulté du jeu s’accroit assez vite, surtout si on veut optimiser son CSS au maximum pour rentrer dans le top score.
Un petit conseil pour les débutants, l’idée est d’abord de réussir à faire que le rendu soit similaire au résultat attendu. Il sera toujours temps par la suite d’optimiser au maximum son code CSS. D’ailleurs n’oubliez pas d’enlever les commentaires d’instruction pour réduire le code.
Seul point négatif à CSSBattle, il faut s’inscrire pour obtenir un score et parfois la sur-optimisation n’est pas la meilleure chose à faire dans un projet.
