* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Lille

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

Article:

Responsive web design

Un design innovant grâce au responsive web design

Plusieurs formats d'écrans -de l'ordinateur au smartphone en passant par les tablettes de toutes sortes-suscitent une envie chez les créateurs de sites internet à créer des sites qui s'adaptent à la nouvelle donne.

Le Responsive Web Design apporte de ce fait une réponse automatique aux attentes des clients.

l'exemple ci-contre montre un site développé en responsive web design, dans sa définition 1024 px (ordinateur de bureau). Le même site est visualisé sur une tablette puis sur un smartphone.

CSS 3

La troisième version du Cascading Style Sheet permet de réaliser de nombreux effets de style et rend les sites plus conviviaux et satisfaisants à consulter.

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

Gérer les tailles d'écrans

HTML 5

La future version du code html apparait comme un élément facilitant pour la création 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 satisfaisant.

Les Media Queries sont habiletés à 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".

Le « responsive web design » trouve sa source du besoin grandissant des consommateurs. Maintenant, 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 pris une grande envergure : ordinateurs, smartphones, tablettes, web TV, format portrait, paysage, etc...

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

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 adopte présentement 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 convenir sans ème.