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/

Si vous ne connaissez pas encore les segments avancés, vous allez voir Google Analytics sous un autre jour.

Ces segments vont vous permettent de regrouper et de suivre les visites de vos sites. Il vous sera alors possible de connaitre les visites réalisées à partir des moteurs de recherche d’image, celle réalisées depuis un iPad et même de connaitre la question que ce pose l’internaute avant d’arriver sur votre site. Cela vous sera utile à mieux comprendre vos internautes et de ce fait à améliorer le contenu de vos sites.

Voici pour cela quelques liens expliquant les différents segments utiles :

Centre d’aide officiel à l’utilisation des segments

7 segments avances Google Analytics à créer absolument

Comment déterminer les questions que se posent vos visiteurs

Ras le bol de l’Arial, Helvetica ou autre… Voici une sélection de police optimisées pour le Web avec tout le détails de la mise en pratique sur votre site. Merci Google

http://www.google.com/webfonts/v2

Si vous ne connaissez pas encore HTML5 Boilerplate, il s’agit d’un template HTML/CSS/JS de tueurs pour développer des sites rapides, robustes et éprouvés pour le futur. Un maximum de bonnes pratiques et de recommandations réunis dans un seul template.

Voici maintenant la version pour email, avec un template optimisé pour l’affichage dans la majorité des lecteurs de mail tel que Gmail, Hotmail, Yahoo etc…

http://htmlemailboilerplate.com/

Besoin de connaître la signification d’une couleur, à la recherche du palette et bien plus encore. Voici votre guide http://www.code-couleur.com/.

Ce site en français est entièrement dédié à la couleur. Vous y trouverez la signification des couleurs, un dictionnaire des couleur, les palettes de couleur…

On connait la validation de nos CSS avec les normes W3C, voici une validation cette fois sur la qualité de vos CSS. C’est assez pratique même si parfois les recommandations ne sont pas applicable suivant votre utilisation.

http://csslint.net/

Vous n’avez pas envie de faire le tour du web pour trouver la dernière version des librairie script tel que jQuery, MooTools etc…

http://scriptsrc.net/ vous fera gagner du temps. En un clic vous aurez, dans votre presse papier, la commande pour appeler la dernière version de votre librairie préférée. Il vous reste à faire un copier collé…