Las “ilustraciones dinámicas” son un poco como gifs animados, excepto que en lugar de ser animaciones fijas que se repiten una y otra vez, éstas están controladas por código, gracias a la flexible y potente tecnología HTML5. Esto significa que las ilustraciones dinámicas tienen comportamientos y movimientos ricos y complejos, que nunca se repiten dos veces de la misma manera, ofreciendo variedad infinita.

Intente cambiar el tamaño de la ventana de su navegador para ver como cambia la ilustración.

Esta ilustración muestra una composición dinámica “responsive”. Todos los elementos se recolocan y escalan de manera que la ilustración está siempre completa independientemente de su tamaño. Adicionalmente esto permite que la ilustración muestre elementos ocultos que solo son visibles en tamaños específicos. Un ejemplo de cómo las propiedades “responsive” de una imágene pueden ser utilizadas para contar una historia

Estas ilustraciones forma parte del proyecto Mecanographics. 

Les “illustrations dynamiques” sont un peu comme des gifs animés, sauf qu’en lieu d’être des animations fixes que se répètent en boucle, elles sont contrôlés par du code, fait possible grâce à la flexible et puissante technologie HTML5. Cela veut dire que les illustrations dynamiques bougent et ont des comportements riches et complexes, ne se répètent jamais deux fois de la même façon en donnant une variété sans fin.

Essayez de changer la taille de la fenêtre de votre navigateur pour voir comment l’illustration change.

Cette illustration montre une composition dynamique “responsive”. Tous les éléments changent de position et taille de façon que l’illustration est toujours complète indépendamment de sa taille. Cela permet aussi d’avoir des élément cachés qui sont seulement visibles à des dimensions spécifiques. Un exemple de comment les propriétés ‘responsive” d’une images peuvent être utilisés pour raconter une histoire.

Ces illustrations font partie du projet Mecanographics.