public marks

PUBLIC MARKS from eledo34 with tag Responsive

This year

Responsive Email Patterns

by 1 other (via)
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

2013

2012

2011

Responsive design : définition, fonctionnement, ressources et tutoriels « Design Spartan : Graphisme, Webdesign, Digital painting, Illustration…

(via)
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 !).

FlexSlider, un slider jQuery « responsive design » - Megaptery

(via)
FlexSlider est un slider jQuery flexible et sémantique capable de gérer le « responsive design » : technique qui consiste à rendre le design d’un site compatible avec n’importe quel appareil grâce à un contenu qui s’adapte automatiquement à la résolution d’écran. Un slider qui s’adapte FlexSlider est un slider qui fonctionne aussi bien sur un écran d’ordinateur que sur celui d’une tablette tactile ou d’un smartphone, ce qui n’est pas le cas des plugins jQuery de façon générale. Cette performance est due à la technique du « responsive design » : solution alternative à la version mobile d’un site, l’interface s’adapte en fonction de l’écran en exploitant les propriétés CSS d’une feuille de style (notamment avec les media queries CSS3). Ainsi le diaporama s’adapte parfaitement au support !

eledo34's TAGS related to tag Responsive

design +   developpement +   email +   emailing +   free +   jQuery +   newsletter +   patterns +   plugins +   slider +   slideshow +   tableau +   web +