DEV Community

Ariel Mejia for Devscamp

Posted on

Juegos muy interesantes para aprender CSS

Si estas empezando en el mundo del desarrollo web, es muy probable que tengas todo el entusiasmo del mundo por personalizar cada vez mas tus sitios.

Si por el contrario vienes del mundo del backend pero no realizas mucho trabajo de frontend, este post igualmente es para ti.

Y es que todos en nuestra carrera como programadores nos topamos con algún diseño "marciano" (Saludos a mis amigos diseñadores hehe), ante lo cual debemos posicionar algun elemento de forma compleja.

Bueno hoy traigo dos recursos increibles para aprender a trabajar con CSS, sin sufrir en el intento (o al menos no mucho).

Flexbox froggy

Es un excelente juego para aprender a dominar Flexbox, ?sabes posicionar un elemento centrado vertical y horizontalmente?, pues dejame decirte que Flexbox nos permite hacer muchas mas cosas, puedes aprender de forma muy divertida y ademas esta muy bien para una reta con tus amigos programadores un viernes ;)

Grid garden

Aprovechando que estamos hablando de aprender jugando, esta es otra muy buena opción, CSS grid nos ofrece una excelente solución para encolumnar elementos, esta es otra muy buena opción para cambiar el típico aprendizaje y pasar un muy buen rato aprendiendo CSS Grid.

Espero que las recomendaciones les parezcan útiles y entretenidas!

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (1)

Collapse
 
maxideutsch profile image
maxideutsch

He estado estudiando CSS durante mucho tiempo, es difícil y, a veces, necesitas relajarte. Cuando tengo tiempo libre, me gusta jugar csgo con mis amigos. El juego tiene una habilidad genial para personalizar armas usando máscaras. Con la ayuda de la plataforma skin.club/es puedes abrir cajas baratas de las que puedes obtener las máscaras más caras de todos los tiempos.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs