Flexy Boxes: Generador de cdigo Flexbox

Este ms que un post al que les tengo acostumbrado, es un recurso interesante que encontr y que quisiera compartir con ustedes. Se trata de una herramienta llamada Flexy Boxes que ayuda a generar cdigo flexbox de una manera bastante visual y desde mi punto de vista muy sencilla tambin.

Puedes crear n nmero de flex containers y jugar con la mayora de sus propiedades ms importantes:

• display
• flex-direction
• flex-wrap
• justify-content
• align-items
• align-content

Pero tambin te da la opcion de configurar las propiedades de los flex-items:

• order
• align-self
• flex

A continuacin un screen:

Espero que pueda servirles de ayuda, especialmente para aquellos devs que estn aprendiendo estos conceptos desde cero.

Si gustas, puedes leer otras entradas mas que podran ser de tu inters:

10 trucos y optimizaciones de cdigo con JavaScript para 2021

dux Mar 29 8 min read

#javascript #webdev #frontend #spanish

Las bondades del mtodo includes() en JavaScript

dux Mar 6 3 min read

#javascript #webdev #html #spanish

ES6: Destructuracin de arreglos en JavaScript

dux Sep 12 '20 3 min read

#javascript #css #html #webdev