* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Strasbourg

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

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 motive les créateurs de sites internet à imaginer des sites qui s'adaptent à cette nouvelle donne.

Le Responsive Web Design permet de combler les besoins des internautes en proposant, pour un même site, une réponse spontanée (responsive !) au support sur lequel il est visualisé.

l'illustration parfaite ci-contre décrit 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 visualisé sur une tablette puis sur un smartphone.

CSS 3

De nombreux effets de style sont réalisés par la troisième version du Cascading Style Sheet.

Bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples le caractérisent.

Gérer les tailles d'écrans

HTML 5

La future version du code html peut être considérée comme un élément qui agit pleinement dans le montage 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 s'occupent des 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 phases aux ordinateurs de bureaux, aux portables, aux tablettes et aux smartphones.

Le « responsive web design » est né suite à un réel besoin des internautes.. De nos jours, il n'y a pas un client qui ne le demande. Seulement en quelques années le nombre d'appareils et de résolutions servant à consulter des sites web a évolué : ordinateurs, smartphones, tablettes, web TV, format portrait, paysage, etc...

Entre 2005 et 2008 : pas moins de 400 résolutions d'écran identifiées.

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. En diminuant 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 vite.