.jpg)
* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Nice
***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 Nice
Article:
Responsive web design
Un design créatif grâce au responsive web design
La multiplication des formats d'écrans motive les créateurs de sites internet à concevoir des sites qui s'adaptent automatiquement à cette nouvelle donne.
Le Responsive Web Design est au service des internautes en leur proposant une réponse automatique au support sur lequel le site est visualisé.
L'exemple ci-contre montre un site développé en responsive web design, dans sa définition 1024 px (ordinateur de bureau). Au fond de la page, le même site visualisé sur une tablette puis sur un smartphone.
CSS 3
La troisième version du Cascading Style Sheet engendre plusieurs effets de style et rend les sites plus détendus et agréables à consulter.
Traits caractéristiques : bords arrondis, ombres portées sur les éléments et les textes, dégradés, arrière-plans multiples
Etude des tailles d'écrans
HTML 5
La future version du code html peut coner à la création de sites en responsive web design. Il structure plus efficacement les pages, et obtient un résultat stable
Les Media Queries quant à eux permettent, sans devoir recourir au lourd JavaScript, de 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" qui s'adaptent par paliers aux ordinateurs de bureaux, aux portables, aux tablettes et aux smartphone.
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...
Pas moins de 400 résolutions d'écran différentes ont été identifiées pour tous les appareils vendus entre 2005 et 2008.
La création d'un site internet nécessite le responsive design en s'adaptant à tous les supports (ordinateur de bureau, netbook, smartphone, tablette...), et toutes les résolutions. Cette technique est maintenant utilisée par l'agence Incroyable Web. 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.