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

Vous n’avez pas envie d’attendre que tous les navigateurs gèrent correctement le CSS3 et vous avez raison.

Alsacréations nous livre ici un article sur les différents outils web CSS3 actuellement disponibles. Vous trouverez ainsi des outils pour émuler CSS3 sur Internet Explorer, des générateurs de polices non standard etc…

Bonne lecture : Utiliser CSS3 aujourd’hui, outils et ressources

Voici un guide proposé par onextrapixel en plusieurs parties pour créer un site Internet sans utilisation d’image, grâce à HTML5 et CSS3

Build a HTML5/CSS3 Website Layout Without Images – Part 1 | Onextrapixel – Showcasing Web Treats Without A Hitch.

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

iPad Orientation CSS « Cloud Four.

Opquast vient de lancer le site http://checklists.opquast.com/

Vous y trouverez 217 bonnes pratiques pour votre site. Que ce soit un site e-commerce, un forum etc… Vous trouverez des bonnes pratiques, classées par catégories et par niveau.

Libre à vous de les mettre en place !

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.

IE6 et IE 7, les bêtes noires des intégrateurs… Alsacréations nous explique comme utiliser la classe conditionnelle, bien plus propre que l’utilisation des hack CSS. Une «classe conditionnelle» pour IE 6 et 7 – Alsacréations.

CSS3 nous apporte que de bonne chose dont @font-face expliqué en détail par Barbablog : Libérez la police sur le web avec @font-face | Barbablog.

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.