DEV Community

Cover image for 5 jogos gratuitos para praticar CSS
Sara Gomes
Sara Gomes

Posted on

5 jogos gratuitos para praticar CSS

Olá, pessoal 👋🏻

Para o post de hoje, eu separei 5 jogos gratuitos para você praticar CSS.

Por aqui você vai encontrar guias sobre Flexbox, Grid, Seletores no CSS, e tudo isso enquanto se diverte jogando.

1. Flexbox Froggy

Nesse primeiro jogo você precisará levar os sapinhos aos seus destinos. Contará com 24 fases e 3 níveis de dificuldade, que vai desde o iniciante com dicas sobre cada propriedade do Flexbox, até o experiente que são níveis sem dicas.

Flexbox Froggy

Encontre esse jogo clicando aqui.

2. CSS Diner

Nosso segundo jogo é sobre os seletores no CSS. O CSS Diner é composto por 32 níveis e, possui exemplos de como cada seletor funciona.

CSS Diner

Encontre esse jogo clicando aqui.

3. Flexbox Defense

Já o terceiro jogo dessa lista, é também para praticar as propriedades do Flexbox. Só que agora você precisará posicionar bem as suas torres, usando os alinhamentos, para defendê-las. O jogo conta com 12 fases.

Flexbox Defense

Encontre esse jogo clicando aqui.

4. Grid Garden

O quarto jogo é o Grid Garden. Nele você pode praticar sobre as propriedades do Grid no CSS. Esse jogo conta com 28 fases, onde você vai precisar direcionar as cenourinhas e cultivá-las.

Grid Garden

Encontre esse jogo clicando aqui.

5. Flexbox Zombies

Chegamos então ao quinto jogo. Flexbox Zombies é um jogo de sobrevivência contra os ataques de zumbis que conta com 12 capítulos, sendo cada capitulo de múltiplas fases e, um guia no aprendizado das propriedades do Flexbox.

Flexbox Zombies

Encontre esse jogo clicando aqui.

Conclusão

Por enquanto essas são as indicações de jogos sobre CSS que eu queria passar para vocês. Espero que tenham gostado!

Sintam-se a vontade para comentar quais desses jogos você já conhecia e, se já jogou algum, quais desses você já zerou.

Obrigada por ler!

Top comments (5)

Collapse
 
daniel_flin profile image
Daniel Flin

Esperando aqui o canal do Youtube vim

Collapse
 
sgomesdev profile image
Sara Gomes

vai vir simm, hahaha. Que bom que está curtindo o conteúdo, Daniel :)

Collapse
 
leneelie profile image
paulinhoviana

Obrigado pelas dicas de jogos gratuitos para praticar CSS! Para quem gosta de explorar diferentes formas de entretenimento online, recomendo dar uma olhada no casinosnobrasil.com.br/casinos/din.... Embora seja um site de cassinos, ele oferece uma visão interessante sobre design e interatividade, que pode ser útil para desenvolvedores web.

Collapse
 
hrenmalin profile image
hrenmalin

Isso é realmente interessante! É ótimo que esses jogos educativos existam, e acredito que eles podem realmente ajudar as pessoas a melhorar suas habilidades. Nos últimos meses, tenho jogado esses jogos com frequência e, sempre que eles começam a ficar entediantes para mim, recorro a jogos como o brimoveis.net, que são mais emocionantes e com chance de lucro. Para mim, é um ótimo equilíbrio.

Collapse
 
fusion334 profile image
fusion334

Esses são jogos muito legais para praticar codificação, mas às vezes você só quer fazer uma pausa. Nesses momentos, cs go vem em meu socorro. Também gosto de abrir caixas na plataforma skin.club/pt para conseguir skins que customizam as armas. Isso me traz prazer e ajuda a relaxar da difícil vida cotidiana.