Introduction
La technologie du «Responsive Web Design» (RWD) permet d'offrir un confort visuel optimale autant pour ordinateur de bureau, une tablette, un téléviseur ou qu'un téléphone dans la page HTML. Malheureusement, cette technologie n'est pas compatible avec les vieux navigateurs Web, car elle doit supporté certaines propriétés du CSS3. Ainsi, il est uniquement nécessaire de support le CSS3 mais il peut fonctionner sans le HTML5. Côté développement, il n'est plus nécessaire de développer plusieurs sites distincts pour chaque gamme d'appareil, toutefois, le temps pour tester un site avec Responsive Web Design sera plus long qu'un site traditionnel.
Voici les cadres d'applications les plus populaires :
| Nom | Description | Site Web |
|---|---|---|
| Foundation | Grille de réponse minimum et une feuille de style minimum | http://foundation.zurb.com/ |
| Skeleton | Grille de réponse minimum et une feuille de style minimum | http://www.getskeleton.com/ |
| Twitter Bootstrap | Grille de réponse avec un module tout-en-un | http://twitter.github.io/bootstrap/ |
Avenir
Les sites de Microsoft sont maintenant Responsive Web Design, entre autre à cause de Windows 8 (étant le même sur tablette, ordinateur ou téléphone). Donc, pour vendre leur produit et faire disparaitre les vieux navigateurs et/ou système d'exploitation, ils support cette technologie sur leur site mais il ne supporte plus l'ancienne. Lorsqu'une entreprise de cette envergure fait le virage vers la technologie du RWD, il est naïf de croire que la technologie ne s'imposera pas par elle-même.
Voir également
Langage de programmation - CSS/HTML/JS - Bootstrap - Introduction