Des conseils / astuces pour l'application de la méthodologie CSS BEM
La propriété CSS bien connue text-decoration recèle quelques petites surprises...
Quelques astuces pour accélérer le chargement des polices de caractère d'une page (ou en donner l'impression)
La bibliothèque CSS de Github
Une introduction à la méthodologie CSS BEM (Bloc, Élément, Modificateur) et une petite comparaison entre BEM et d'autres méthodologies (SMACSS, OOCSS)
Pour qu'un élément prenne 100% de la largeur de son conteneur, on peut utiliser width:100% (si l'élément est un bloc), ou utiliser le positionnement absolu, mettre left et right à 0... Mais cette dernière solution ne marche pas pour tous les éléments (img, object, et certains éléments de formulaire) L'auteur explique pourquoi et comment y remédier
Tout est dans le titre
une explication visuelle des unités de mesure CSS
De bons conseils
Si vous faites une déclaration CSS du type "font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;", alors il est probable que vos utilisateurs sous Windows aient "Arial" qui s'affiche au lieu de "Segoe UI". Il y aurait une clef de registre qui substitue automatiquement Arial à Helvetica. Le remède est simple : permuter l'ordre de déclaration et mettre Segoe UI avant Helvetica.
Une astuce CSS toute simple pour mettre en évidence au survol une ligne et une colonne
Un ensemble de tutoriels vidéos sur CSS (via Bruno Bichet)
Afficher des champs de formulaire supplémentaire en fonction de l'état de boutons radio / checkbox
Une astuce pour pouvoir utiliser des polices de caractères installées sur le système de l'utilisateur
Tout est dans le titre, un tutoriel très clair pour construire son guide de style CSS
Une liste de référence des classes CSS utilisées par Wordpress
Une base de données du support des propriétés typographiques CSS par les navigateurs (via inpixelwetrust)
L'utilisation de la valeur "currentColor" permet de "factoriser" le code CSS. L'auteur donne plusieurs exemples directement applicables, ça va des boutons SVG aux lignes horizontales de séparation (balise hr) en passant par des triangles générés par CSS (pseudo éléments), etc. (via inpixelwetrust)
Des resets CSS pour les emails, intéressant et utile
Automatiser les tests des CSS... c'est possible !