Post : Responsive webdesign et structure du DOM

Salut à vous,

Donc voilà, j'ai pondu un petit article traitant du positionnement des éléments dans le DOM dans le cadre d'un webdesign responsive : il arrive qu'on aie envie qu'un élément soit situé ailleurs dans le DOM pour une certaine taille d'écran, et c'est un aspect pour lequel on est toujours obligé de gruger un peu.

Je fais donc une rapide review des deux possibilités principales (duplication de l'élément, et déplacement avec JS) en prenant l'exemple d'une image, afin d'inclure dans les solutions proposées le fait d'utiliser une image plus petite sur mobile, et bien évidemment de gérer le lazy loading afin de ne pas provoquer de téléchargement inutile côté client.

N'hésitez pas à me faire savoir ce que vous en pensez et les éventuelles corrections que vous souhaiteriez que j'y apporte, si vous jugez que cet article a sa place sur Putain de Code :)

Merci !