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 posibildades 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  Compartir en Facebook  Tuitear

Microsiervos Selección


Black Hole Blues and Other Songs from Outer Space

EUR 9,49

Comprar


I, Woz: Computer Geek to Cult Icon

EUR 6,99

Comprar


Amazon Associates

Los productos aquí enlazados están a la venta en Amazon. Incluyen un código de Afiliado Amazon Associates que nos cede un pequeño porcentaje de las ventas. Los productos están seleccionados por los autores del blog, pero ni Amazon ni los editores de los libros o fabricantes de los productos participan en dicha selección.

Más libros y productos en:

Microsiervos Selección