* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Montpellier

***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en France et en Europe

Montage PSD2HTML RESPONSIVE DESIGN MOBILE Montpellier

Article:

Responsive web design

Un design innovant grâce au responsive web design

L'avènement de plusieurs formats d'écrans -de l'ordinateur au smartphone en passant par les tablettes de toutes sortes- justifie le goût pour les créateurs de sites internet à concevoir des sites web.

Le Responsive Web Design permet de mettre les clients à l'aise en proposant, pour un même site, une réponse automatique (responsive !) au support sur lequel il est visualisé.

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

CSS 3

Le Cascading Style Sheet en sa troisième version permet de réaliser de nombreux effets de style et rend les sites plus conviviaux et agréables à voir.

Bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples, il ya de quoi susciter l'envie chez les internautes !

Gérer les tailles d'écrans

HTML 5

La future version du code html joue un rôle essentiel dans la création de sites en responsive web design. Ses nouvelles balises permettent d'éditer plus vite les pages, et obtenir un résultat stable.

Sans devoir recourir au lourd JavaScript, les Media Queries permettent 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. Actuellement, il n'y a pas un client qui demande un site Internet sans demander une version mobile de ce dernier. Cependant, le nombre d'appareils et de résolutions servant à consulter des sites web a tout simplement explosé en quelques années : 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 formule efficace 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. En simplifiant la largeur de votre fenêtre de navigation ,vous allez affecter un affichage en version haute résolution, smartphone, tablette, netbook... Quelle que soit la largeur de l'écran, le site va s'adapter automatiquement.