Outils pour responsive et html5 design

5 outils en ligne qui permettent d’aider à l’accouchement d’un site aujourd’hui:

http://mediaqueriestest.com:
permet de connaître à tout moment largeur et hauteur d’écran et de fenêtre de navigation

http://www.infowebmaster.fr/outils/mon-user-agent.php:
permet de savoir avec quel user-agent (=agent du navigateur) le serveur d’un site va nous reconnaître

http://html5test.com:
permet de voir ce que supportent les navigateurs en terme de balise html5

http://caniuse.com:
comme le précédent  (balises html5) mais avec des explications plus poussées + balises css, svg…

https://www.google.com/webmasters/tools/mobile-friendly: le site qui te donne la fessée; avec ça tu passes ou tu restes sur le carreau au mois de mai

2 réflexions sur « Outils pour responsive et html5 design »

  1. Bonjour Gérald, c’est votre 3ème post sur mon blog, je vous remercie pour votre fidélité ! Pour les “sites totalement archaïques”, je suis d’accord. Je suis confronté à un nombre de site de ce genre incroyable tous les jours. Cependant, le problème vient souvent des clients eux-mêmes, de leur budget et de leurs politique interne. Quand à réaliser des sites “responsives”, c’est plus facile à dire qu’à faire, encore à cause des clients, mêmes si cette fois-ci ils ont le budget et les accords internes: en principe, ceux là, ils veulent quelque chose de tellement inédit qu’ils s’adressent à des boîtes de com pour le design de leurs sites et quand ça arrive chez l’intégrateur web, rien n’est optimisé…c’est du vécu, oui.

  2. Dès que j’ai vu le titre du billet je me suis jeté dessus tel un loup sur sa proie ! Je suis tous les jours les nouveautés en matière de création de site web, et quand je vois de nouveaux sites qui utilisent encore les techniques du moyen âge alors là je suis choqué ! A notre époque, ceux qui n’ont pas encore de version responsive de leur site sont totalement archaïques ! Il faut suivre le mouvement.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Merci de renseigner le captcha ! * Time limit is exhausted. Please reload CAPTCHA.