Le design « réactif » (responsive en anglais) semble être la grande tendance de cette fin d’année et probablement de l’année à venir.
Il faut dire que l’explosion de l’utilisation des terminaux nomades oblige presque à créer une version mobile de ses sites, ou d’adopter le responsive layout et tout ce qui va avec.
Car créer un design réactif n’est pas tout; il faut aussi que les éléments d’ornements comme les images, vidéos et slideshows suivent le mouvement.
Voici des ressources pour réaliser toutes les transformations nécessaires de ces éléments.
Adaptive Images
Adaptive Images in HTML
FitVids.JS – A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
Blueberry : un diaporama « responsive »
rlightbox : a jQuery UI mediabox
Responsive Image Gallery with Thumbnail Carousel
Elastislide : un carousel jQuery réactif (Responsive Webdesign)
Responsive jQuery Slideshow
Rubber Layouts : Combining Static and Fluid Layouts
BluCSS
Fluid Baseline Grid – A sensible HTML5 and CSS3 development kit
Frameless
Create a Responsive Web Design Template
Voila, j’espère que le temps pris pour collecter toutes ces ressources aura servi à quelqu’un. Si vous avez aimé, n’hésitez pas à partager.