PUBLIC MARKS with tags developpement & Responsive

Jusqu'il y a quelques temps, si vous vouliez utiliser des images en CSS ou des vidéos en iframe qui gardaient leur joli ratio 16:9 quand on redimensionne, il fallait passer par le bon vieux hack du "ajoute un wrapper autour et colles lui un padding-bottom de 56.25%".

Aujourd'hui, lorsque vous créez une campagne d'emailing, vous allez toucher autant les boîtes mails classiques desktop type Outlook, thunderbird ... que les clients emails Gmail, Yahoo... que les clients mail des smartphones/tablettes. Il est donc intéressant de proposer un email HTML avec un design responsive pour qu'il soit adapté à tous les formats de périphériques. Grâce à ce site, vous retrouverez différents types de patterns et modules à intégrer dans votre emailing: Layout: Colonnes, sidebars, wrapper, position d'images, ... Grid Blocks: Grille de blocs avec différents positionnements Navigation: Eléments de navigation, liens en header et footer ... Lists: Listes html responsive Media: Positionnement d'images, crop des images, vidéo fluide... Accordeons: Gestion d'accordéons responsives en newsletters

Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).