Webdesign Express : du « responsive » à toutes les sauces : Slideshow, image, vidéo,


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.