Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Noticias / Aprende CSS Flexbox jugando

Aprende CSS Flexbox jugando

Por jc mouse miércoles, marzo 4, 2020

CSS Flexible Box Layout, comúnmente conocido como Flexbox, es un modelo de diseño web CSS que permite que los elementos sensibles dentro de un contenedor se organicen automáticamente según el tamaño de la pantalla o dispositivo.

Flexbox Froggy es un juego donde ayudarás a Froggy y a sus amigos escribiendo código CSS y al mismo tiempo, aprendiendo todos los principios básicos de Flexbox. Flexbox Froggy es una creación de Codepip, su autor Thomas Park.

Juégalo desde http://flexboxfroggy.com/#es

Si no solo quieres jugarlo, sino, estudiar como esta hecho esta aplicación, el código fuente esta disponible en GitHub (GitHub: flexboxfroggy). El proyecto se encuentra bajo licencia del MIT (Copyright 2015-2017 Thomas Park. Code released under the MIT License).

Juego CSS

El juego esta compuesto de 24 niveles y disponible en varios idiomas.

Si eres desarrollador web, no importa cual sea tu nivel, definitivamente debes probar Flexbox Froggy, es completamente gratis, divertido de jugar y claro esta, educativo.

enjoy!

Tags

Artículos similares

Introducción a los Gráficos en Pygame

Antes de programar un videojuego, es necesario saber: Cómo representar figuras en la pantalla Cómo se manejan las coorde[...]

Conoce VAR lo nuevo de Java 10

Java ha ido evolucionando a pasos agigantados en los últimos años gracias al pedido de su comunidad global de programado[...]

Material Design: BottomNavigationView

BottomNavigationView es una barra de navegación que se sitúa en la parte inferior de la pantalla en los dispositivos móv[...]

Controla tu dispositivo Android desde el escritorio de tu pc

En este post te enseñamos a utilizar SCRCPY, esta es un aplicación de duplicación de pantalla gratuita y de código abier[...]

Recortar partes de una imagen con el mouse

En este oportunidad comparto una pequeña aplicación hecha en java para recortar partes de una imagen seleccionado con el[...]

Tor: Anonimato en Internet

The Onion Router o TOR, es un proyecto que tiene como objetivo la privacidad y anonimato de quienes hagan uso de este se[...]