Vous aimez nos contenus ?
Recevez chaque jour nos dernières publications gratuitement et directement dans votre boite mail
WWW2012 : Responsive WebDesign, par Goulven Champenois
publié le 13 mai 2012 à 19h11, modifié le 29 octobre 2012 à 12h49.
Pourtant, le responsive design n'est pas encore vraiment au point en France.
Cet article fait partie d’un groupe d’articles liés à la conférence mondiale du web www2012 à laquelle nous avons assisté du 16 au 20 avril. Plus d’informations ici.
Le marché du mobile représente 32 000 000 personnes soit 17 000 To consultés en mobilité.
En effet, les sites préférent éditer des applications mobiles, mais ce n’est pas la solution, à cause du grand nombre de plateformes mobiles disponibles et donc du nombre de langages de programmation conséquent qui doivent être utilisés.
Le responsive design repose pour beaucoup sur le CSS3 et le HTML5 et surtout les Media Queries. Certains navigateurs ne gèrent pas encore les Media Queries, pour cela il existe respond.js pour les émuler.
Les menus et formulaires sont des points primordiaux mais souvent négligés dans les sites qui sont supposés être optimisés.
Il faut à tout prix éviter le scroll horizontal, mais aussi réduire la taille des images selon le device d’affichage.
Pour éviter de charger des images en background sur mobile, le display : none; doit être appliqué au parent.
Afin de créer un responsive design, il faut disposer d’au moins 3 appareils de test :
Un outil peut être utilisé pour valider votre code, il s’agit de W3C MobileOk Checker.
Nous vous invitons à regarder les slides utilisées lors de la présentation ici. Vous pourrez par ailleurs retrouver les différents outils et sources de la présentations par là.