Top tutoriales para aprender sobre Flexbox para el desarrollo de Frontend

Flexbox provee herramientas para crear layouts complejos y flexibles que, históricamente, han sido difíciles de implementar en CSS

· 1 min de lectura
Top tutoriales para aprender sobre Flexbox para el desarrollo de Frontend

En internet existe una gran cantidad de tutoriales y cursos,  relacionados con flexbox. No quiero crear un artículo que explique los  conceptos básicos de flexbox. Mi objetivo es poner en un solo lugar los  enlaces que me parecen interesantes y decirte lo que puedes hacer para  dominar flexbox.

Por supuesto, la principal fuente de información es la especificación de Flexbox.

? Una forma fácil de practicar flexbox es realizar un diseño de un ?calendario.

Tutoriales Completos

Ejemplos Avanzados

Tutoriales en YouTube

Generadores de Código

No  estoy seguro si es una buena idea generar código para los diseños de  flexbox. Porque no estás aprendiendo, pero al menos el código será  multiplataforma y funcionará bien.

Ejemplos Adicionales

React

React Native


Juega con Flexbox

Aquí  puedes explorar el poder del diseño de flexbox y probar sus diferentes  propiedades. Combina varias propiedades de flexbox para obtener diseños  complejos.

También puede ver la página completa aquí o obtener el código fuente en GitHub.