Oui c’est possible est le travail qui à été fait pour arriver à ce résultat est impressionnant.

A découvrir au plus vite Pure CSS GUI icons

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

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/

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/

Allez plus loin avec ces 30 sélecteurs CSS et leur compatibilité dans les navigateurs.

Vous y trouverez par exemple le selecteur « X[href^="http"] » utilisé de cette manière


1. a[href^="http"] {
2. background: url(path/to/external/icon.png) no-repeat;
3. padding-left: 10px;
4. }


Pour afficher un petit icone devant chaque lien depuis votre site, pointant vers l’extérieur. Et ça marche à partir de IE 7

30 sélecteurs CSS à mémoriser

Il n’est pas évident de comprendre cette recommandation de Google Page Speed. Je vous invite donc à consulter le sujet suivant sur le forum d’Alsacréations

Voici une astuce proposé par Cloud Four pour gérer les CSS suivant l’orientation de l’iPad.

iPad Orientation CSS « Cloud Four.

Et voici 3 générateurs de CSS3, qui vous permettront de tester les nouvelles fonctionnalités proposées.

3 Générateurs de CSS3 | DevZone – Zone de développement web.

Créer ou adapter un site pour iPhone, voici les bonnes pratiques à appliquer : How to build a website for the iphone with orientation detection | Engage Interactive Blog | Web design Harrogate.