* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Lyon

***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 Lyon

Article:

Responsive web design

Un design inventif grâce au responsive web design

Les créateurs de sites internet sont éblouis par la diversité des formats d'écrans -de l'ordinateur au smartphone en passant par les tablettes

Le Responsive Web Design est au service des internautes en proposant, pour un même site, une réponse automatique (responsive !) au support sur lequel il est distingué.

La représentation ci-contre montre un site développé en responsive web design, avec une définition 1024 px (ordinateur de bureau). En bas de la page, le même site visualisé sur une tablette puis sur un smartphone.

CSS 3

Le Cascading Style Sheet permet de créer de nombreux styles et rend les sites plus conviviaux et plaisants à consulter.

Il comporte : bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples.

Gérer les tailles d'écrans

HTML 5

La prochaine mouture du code html est un élément aidant pour la création de sites en responsive web design. Elle permet de structurer plus efficacement les pages, corriger le code et obtenir un résultat stable probant avec un "bon" navigateur bien entendu !

Les Media Queries quant permettent de gérer les différentes mesures de fenêtres et accommoder 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 » comble les attentes des clients. Tout le monde a besoin d'une version mobile. Voilà pourquoi le nombre d'appareils et de résolutions servant à consulter des sites web a augmenté. : 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.

Le responsive design est une conception permettant de créer un site internet s'adaptant à tous les supports (ordinateur de bureau, netbook, smartphone, tablette...). Incroyable Web utilise maintenant cette formule. En diminuant constamment la largeur de votre fenêtre de navigation vous allez pontifier un affichage en version haute résolution, smartphone, tablette, netbook... Quelle que soit la largeur de l'écran, le site va s'adapter directement.