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

Simulador de la Asamblea Legislativa Plurinacional de Bolivia

simuladorasamblea.bo es una herramienta digital  desarrollado por los Analistas de Datos Rafael López Valverde y  Sergio[...]

5 apps gratuitas para aprender idiomas

El confinamiento causado por el covid-19, son una gran oportunidad para realizar varias actividades en casa y desde casa[...]

Cliente/Servidor en java y c#

Como habíamos mencionado en un anterior post Ejemplo socket java Cliente/Servidor , el lenguaje de programación entre el[...]

Gestión de Stock – La Vista (Parte 3)

En esta tercera parte del tutorial crearemos la interfaz de usuario GUI (VISTA) para el sistema de gestión de stock. Tom[...]

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[...]

Gallery: Google presenta su app colaborativa para desarrolladores

Gallery.io es una herramienta de colaboración gratuita desarrollada por Google para cargar trabajos de diseño, obtener c[...]