* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Toulouse

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

Article:

Responsive web design

Un design de qualité grâce au responsive web design

Les formats d'écrans -de l'ordinateur au smartphone en passant par les tablettes amènent les créateurs de sites internet à engendrer des sites qui s'adaptent à cette nouvelle donne.

Le Responsive Web Design aide le créateur de site à se connaitre grâce au support sur lequel il est visualisé.

l'illustration ci-contre présente un site développé en responsive web design, dans sa définition 1024 px (ordinateur de bureau). Au bas de la page, le même site aperçu sur une tablette puis sur un smartphone.

CSS 3

La troisième mouture du Cascading Style Sheet permet de mettre sur pied des effets de style et rend les sites plus conviviaux et agréables à consulter.

Elle présente des caractéristiques suivantes : bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples.

Administrer les tailles d'écrans

HTML 5

La future version du code html participe à la création de sites en responsive web design. Ses nouvelles balises permettent de fonder plus vite les pages, alléger le code (ce n'est jamais un luxe !) et obtenir un résultat stable qui fonctionne avec un "bon" navigateur!

Les Media Queries quant à eux s'occupent des différentes tailles de fenêtres et adaptent la disposition des éléments à cette taille. Le résultat est la création des sites "intelligents" qui s'adaptent aux ordinateurs de bureaux, aux portables, aux tablettes et aux smartphones.

Le « responsive web design » répond aux demandes des internautes. Tout le monde en a besoin. Seulement la consultation des sites web devient un jeu: ordinateurs, smartphones, tablettes, web TV, format portrait, paysage, etc...

Entre 2005 et 2008, pas moins de 400 résolutions d'écran ont été vérifiées pour tous les appareils vendus.

Le responsive design (ou conception adaptative en ) est une méthode permettant de concevoir un site internet s'adaptant à tous les supports et toutes les résolutions. Le nouveau site de l'agence Incroyable Web utilise maintenant cette méthode. Réduire la largeur de votre fenêtre de navigation accorde un affichage en version haute résolution, smartphone, tablette, netbook... Quelle que soit la largeur de l'écran, le site va s'adapter forcément.