* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Bordeaux

Montage PSD2HTML RESPONSIVE DESIGN MOBILE Bordeaux

Article:

Responsive web design

Un design innovant grâce au responsive web design

La multiplication des formats d'écrans -de l'ordinateur au Smartphone en passant par les tablettes de toutes sortes- favorise la création des sites internet.

Les attentes des internautes sont comblées par le Responsive Web Design en proposant, pour un même site, une réponse automatique (responsive !) au support sur lequel il est visualisé.

Voici une parfaite illustration d'un site développé en responsive web design, dans sa définition 1024 px (ordinateur de bureau). En bas de page, le même site entrevu sur une tablette puis sur un Smartphone.

CSS 3

La troisième version du Cascading Style Sheet rend les sites plus conviviaux et agréables à consulter.

Bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples constituent les principales motivations des internautes ! Gérer les tailles d'écrans

HTML 5

La future version du code html peut être considérée comme un élément facilitant pour la création de sites en responsive web design. Ses nouvelles balises permettent de structurer plus efficacement les pages, alléger le code (ce n'est jamais un luxe !) et obtenir un résultat stable qui fonctionne à tous les coups... avec un "bon" navigateur bien entendu !

Les Media Queries quant à eux permettent, sans devoir recourir au lourd JavaScript, de gérer les différentes tailles de fenêtres et adapter la disposition des éléments à cette taille. On arrive ainsi à obtenir des sites "intelligents" qui s'adaptent par paliers aux ordinateurs de bureaux, aux portables, aux tablettes et aux Smartphones.

Le « responsive web design » est né suite à un besoin grandissant. De nos jours, il n'y a pas un client qui demande un site Internet sans demander une version mobile de celui-ci. Seulement en quelques années le nombre d'appareils et de résolutions servant à consulter des sites web a tout simplement explosé : ordinateurs, Smartphones, tablettes, web TV, format portrait, paysage, etc...

Entre 2005 et 2008, pas moins de 400 résolutions d'écran différentes ont été identifiés pour tous les appareils vendus.

Le responsive design (ou conception adaptative en ) est une technique permettant de créer un site internet s'adaptant à tous les supports (ordinateur de bureau, netbook, Smartphone, tablette...), et toutes les résolutions. Le nouveau site de l'agence Incroyable Web utilise maintenant cette technique. Il suffit de réduire la largeur de votre fenêtre de navigation vous allez simuler un affichage en version haute résolution, Smartphone, tablette, netbook... Quelle que soit la largeur de l'écran, le site va s'adapter correctement.