Por @Alvy — 28 de agosto de 2018

Un tutorial animado de Flexbox / Greg Sidelnikov

Greg Sidelnikov, el «profe de JavaScript» y autor del CSS Visual Dictionary ha publicado Flexbox: el tutorial animado, un excelente resumen de las posibilidades de Flexbox para el diseño de contenidos web.

Para el artículo ha hecho bueno aquello de que si una imagen vale igual que mil palabras, una animación quizá valga también como mil imágenes. Ya recopiló todas las posibilidades del CSS en The Complete CSS Flex Box Tutorial y esto es por tanto el siguiente paso lógico. La verdad es que resulta mucho más sencillo ver los ejemplos «en acción». En el texto los va introduciendo paso a paso, para ir probándolos y viendo cómo afectan al resultado: que si flex-wrap / flex:direction / justify-content… todo bien clarito.

Naturalmente hay que aprovechar la ocasión para recordar Los tutoriales en vídeo de Layout Land en los que Jen Simmons explica las técnicas CSS Grid y Flexbox para crear páginas web adaptables y de los que ya hay muchas decenas, muchos con subtítulos incluso en castellano.

Compartir en Flipboard Publicar / Tuitear Publicar