Avec l’expansion des mobiles et des sites pour mobile, il est temps de coder en HTML 5 et de profiter des nouvelles valeurs du tag « input », qui améliorent l’expérience utilisateur en proposant « parfois » un clavier adapté à la saisie, voir une validation automatique.

Voici un article du site Quirksmode.org qui test et fait un bilan du rendu de ces nouvelles valeur du tag « input ».

Si vous pensiez que input type="search" afficherait la petit croix pour vider la saisie, c’est perdu

http://www.quirksmode.org/html5/inputs_mobile.html

J’ai déjà parlé de plusieurs sites proposant un tableau de compatibilité des différents tag et fonction HTML5 et CSS3

En voici un nouveau qui intègre en plus les navigateur pour mobile et précise de plus la syntaxe si la fonction nécessise une écriture particulier (tel que -moz – webkit) pour fonctionner

Can I use…

Après HTML5 et Email Boilerplate voici Mobile Boilerplate, un template type pour partir sur de bonnes bases pour un site web pour mobile.

http://html5boilerplate.com/mobile

Vous voulez faire un site web adapté aux mobiles (smartphone, tablette…) Voici un flipcards des bonnes pratiques du web mobile.

Flipcards sur les Bonnes Pratiques du Web Mobile

A quoi ressemble votre site sur un mobile ??? Voici un émulateur qui vous donner une petite idée du résultat. C’est l’occasion de tester vos Media Queries

http://emulateurmobile.com/

Envie d’adapter vos CSS aux différents support de lecture (smartphone, tablette etc…) : Voici un tutoriel en vidéo qui vous expliquera comment utiliser les media queries dans vos fichier CSS afin d’adapter le design de votre site dans différents formats.

Tutoriel Vidéo xHTML-CSS : Design « Responsive »