Aprende jugando

Los juegos más divertidos para aprender de forma amena.

CSS

CSSBattle

CSS Code Golfing Game is here!

cssbattle.dev

CSS Diner

You're about to learn CSS Selectors! Selectors are how you pick which element to apply styles to. Exhibit 1 - A CSS Rule p { margin-bottom: 12px; } Here, the "p" is the selector (selects all elements) and applies the margin-bottom style.

css-diner.netlify.app

Guess CSS! HTML & CSS puzzler game

You are given a small frame, its HTML source and 3 CSS snippets. Guess which of them was used to style the frame, test your knowledge!

www.guess-css.app

Learn CSS, HTML and JavaScript by Playing Coding Games

Problem #1: Lack of Practice According to neuroscience research, the essential thing in learning is practice. The more we practice, the more effectively our brain store learned information for later access. However, traditional learning is the opposite of practice. How many times have you opened a code editor and started coding after watching another coding tutorial?

codingfantasy.com

Learn CSS, HTML and JavaScript by Playing Coding Games

CSS Grid

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

Play Grid Attack - CSS Game to learn CSS Grid

Learn css grid in a fun and interesting way that works better than boring courses, by playing CSS game!

codingfantasy.com

Play Grid Attack - CSS Game to learn CSS Grid

JavaScript

WarriorJS

Code your way through dungeons, prove your skills, and get hired. Find talent by filtering the players according to your needs, look at their problem-solving approach, and directly reach out to the best candidates.

warriorjs.com

UI

How pixactly trained are your eyes?

Welcome to Pixactly.An online tool that tests how well you know your pixels. Draw a box that matches the dimensions given and receive a score based on how close you are. The lower the score... the better! Sounds easy, right? Pixactly. Enter This site is designed for Desktop. Good luck!

pixact.ly

The Bézier Game

A game to help you master the pen tool

bezier.method.ac

Crunchzilla

Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build, and learn.

www.crunchzilla.com

Retos

CSS Challenges - Become a Better Web Developer

Challenge yourself, improve your CSS skills and learn a new trick every day. With CSS Challenges, you can practice becoming a better web developer.

css-challenges.com

CSS Challenges - Become a Better Web Developer

CSS Speedrun | Test your CSS Skills

A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.

css-speedrun.netlify.app

Dungeons & Developers

As professional nerds, we love role-playing games. And we love web development. Naturally, we wondered what a character talent tree for a web developer might look like. Open the talent tree "

www.dungeonsanddevelopers.com

CheckiO - coding games and programming challenges for beginner and advanced

Here on CheckiO we are creating games for coders. We have made py.checkio.org and js.checkio.org where you can improve your TypeScript and Python coding skills. We have also created Empire of Code - a space game with a mix of strategy, tactics and coding.

checkio.org

CheckiO - coding games and programming challenges for beginner and advanced

CSS Flexbox

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

Knights of the Flexbox table

Learn and remember Flexbox with Tailwind CSS to overcome your cheatsheet.

knightsoftheflexboxtable.com

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!

www.flexboxdefense.com

Flexbox Zombies

Flexbox is incredibly powerful. But it's also crazy hard to learn. So we all end up depending on a cheat sheet and guessing in the dev tools. Enough of that! Time to learn it once and for all, in a way that actually sticks, so you can build any layout you can imagine with flexbox.

flexboxzombies.com

Play Flex Box Adventure - CSS Game to Learn Flexbox

Play Flex Box Adventure CSS Game

codingfantasy.com

Play Flex Box Adventure - CSS Game to Learn Flexbox