* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Nantes

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

Article:

Responsive web design

Responsive web design et son design innovant

La multiplication des formats d'écrans -de l'ordinateur au smartphone en passant par les tablettes de toutes sortes- est le réel motif qui amène les créateurs de sites internet à créer des sites qui s'adaptent automatiquement à cette nouvelle donne.

Le Responsive Web Design joue en la faveur des internautes.

l'illustration ci-contre présente un site développé en responsive web design. En bas de page, le même site sera visualisé sur une tablette puis sur un smartphone.

CSS 3

La troisième mouture du Cascading Style Sheet produit des effets de style et rend les sites plus visibles et connus.

Les internautes pourront profiter des caractéristiques suivantes : 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 future version du code html est donc appelée à faciliter la création de sites en responsive web design. Ses nouvelles balises permettent de construire 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 tailles de fenêtres sont gérées par les Media Queries et adaptées à la disposition des éléments à cette taille. D'où l'obtention 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...

Plus de 400 résolutions d'écran différentes ont été identifiés pour tous les appareils vendus entre 2005 et 2008.

Le responsive design (ou conception adaptative en ) est une technique permettant de mettre sur pied 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 réduisant progressivement 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 automatiquement.