Como aprender Flex CSS fácilmente

Hay muchísimas guías, tutoriales y vídeos que podemos encontrar en la web para aprender como utilizar Flexbox. ¿Pero cual es la manera más fácil de aprender a hacer algo? Empecemos.

¿Qué es Flexbox?

Flexbox te ayuda a crear páginas «flexibles» y «adaptativas» utilizando CSS.

Puedes encontrar información más completa para entender lo que es Flexbox y como funciona en http://www.emenia.es/flexbox-la-caja-flexible-css3/

Ahora que has leído un poco y ya sabes de que va la historia, imagina que quieres crear una página donde quieres añadir varias imagenes y quieres que auotmaticamente se adapten al contenedor según vayas redimensionando tu página o accedas a ella en dispositivos distintos.

¿Como lo harías? Yo antes utilizaba porcentajes, nth-childs, float left, clear left, margins… Unas cuantas opciones para poder hacer que un contenedor pueda adaptarse según el número de items y estos se adapten al dispositivo o al tamaño de la pantalla.

Esto ya queda en el pasado. «El futuro es ahora viejo», usa FLEXBOX.

La manera de aprender facilmente como funciona Flexbox y todas las opciones que te ofrece es jugando. Así es amigo, JUGAR es lo que mejor se nos da a todos y si aprendes jugando, mejor que mejor, ¿NO?.

Pero para aprender de verdad, tienes que entrar a esta página http://flexboxfroggy.com. Empieza desde cero con una explicación breve y una guía fácil en cada paso.

REQUERIMIENTOS: Saber CSS y saber inglés.