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

Quill Editor: Cómo Integrar el WYSIWYG Modular en Vistas Blade

En el desarrollo web la elección de un buen editor de texto enriquecido (WYSIWYG) es una decisión crucial que afecta dir[...]

¿Cómo hacer el video ABRAZO gratis?

Las aplicaciones con IA (Inteligencia Artifical) cada vez son más y más comunes, estos nos permiten hacer muchas cosas u[...]

Leer datos de un REST API con VUE

En este post realizaremos un proyecto en VUE que se conectara a un REST API  y utilizara un servicio del mismo para[...]

Extraer texto de imágenes

imgclip es una pequeña herramienta de línea de comandos el cual se ejecuta desde la terminal para Mac, Windows y Linux.[...]

Primeros pasos con Vue CLI: Crea tu Entorno de Trabajo

En un post anterior [Introducción a VueJS framework para el desarrollo FrontEnd] realizamos una breve introducción a Vue[...]

Reconocimiento Óptico de Caracteres con Tess4J

El reconocimiento óptico de caracteres o OCR (Optical Character Recognition), es un proceso dirigido a la digitalización[...]