Un tutorial animado de Flexbox

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...

Muñeco animado vs. Matemáticas

El bueno de Alan Becker lleva años y años creando fantásticas animaciones para la serie Animation vs… en la que sus muñecos animados* se enfrentan a todo tipo de...
10 plantillas en CSS de una sola línea

10 plantillas en CSS de una sola línea

En 1-Line Layouts hay diez estupendas plantillas en CSS para conseguir mediante técnicas «modernas» (CSS Grid y flexbox entre principalmente) algunos de los efectos más...
Trucos de rediseño de interfaces de usuario

Trucos de rediseño de interfaces de usuario

Steve Schoger y Adam Watham son los autores de Refactoring UI, que es un libro de diseño web sobre rediseño de interfaces de usuario. Técnicamente el término es...

Cómo imprimir un GIF animado (sí, se puede)

Print-A-Gif es un software en C# para imprimir GIF animados, con ayuda de ImageMagick (que hay que tener instalado) para el procesamiento de imágenes. Si eres de los que no...

Un reloj digital animado Pac-Man

He aquí uno de esos simpáticos gadgets estilo ¡cállate y toma mi dinero! Son Pac-Man, Blinky, Pinky, Inky y Clyde marcando las horas sobre un reloj digital con el pixelado...