Smashing Magazine nous rappelle l'époque doré où les pages Web devaient peser un maximum de 30 Ko alors que de nos jours, c'est probablement la taille du fichier CSS lui-même. Pour réduire ce fichier tout en en gardant la maîtrise, SM vous propose d'utiliser les raccourcis, de ne pas abuser des espaces et de bien relire les frameworks que vous intégrez.

- 7 Principles Of Clean And Optimized CSS Code
- Content with style

Entre les 50 techniques CSS de 2008, et les 53 techniques CSS de 2007, Smashing Magazine propose pas moins de 103 techniques CSS pour rendre votre site plus moderne et impressionnant.

Vous y trouverez des effets 3D avec des PNG, des menus en surimpression, des protections de copyright, des effets de MouseOver, des effets de favicon, des menus circulaires, des listes ordonnées, des menus déroulants et bien d'autres.
Difficile de résister.

- Powerful CSS-Techniques For Effective Coding

Vous n'avez pas besoin de réécrire le même code CSS et XHMLT encore et encore.
Quelque soit le projet Web que vous démarrer, il arrive un moment où vous devez définir des classes et des ID que vous avez déjà défini dans des projets précédents.

Pour éviter les erreurs inutiles du passé, vous essayerez peut être de démarrer à partir d'un squelette presque parfait. Il va contenir les définitions de base que vous allez ajouter dans votre code à un moment ou à un autre.

Smashing magazine vous en dit plus sur ces bases de départs CSS. Le terme framework est utilisé ici pour présenter une base de départ, à partir duquel vous pouvez faire évoluer votre charte graphique.

- CSS Frameworks + CSS Reset: Design From Scratch
- YAML (Yet Another Multicolumn Layout)
- blueprint css

L'essentiel des CSS est plutôt facile à comprendre, et je pense que la plupart des gens l'ont compris. Il y a les polices, les marges, le padding, la couleur.. Mais il y a un mur que les gens rencontre parfois... Un point où plusieurs éléments clés doivent se combiner pour assurer une présentation CSS solide et portable.

- Le modèle de boîtes
- Les colonnes flottantes
- Maîtriser les em
- Remplacement d'images
- Navigation flottante
- Sprites

Chaque thème est expliqué par plusieurs tutoriels. Une page de référence précieuse, par snook.ca.

- 6 Keys to Understanding Modern CSS-based Layouts
- Snook

Après un article sur le contrôle des CSS via PHP, Tim Koschuetzki revient avec une application : la génération de design monochrome.
Il s'agit de produire dynamiquement des couleurs pour les intégrer dans les feuilles CSS et obtenir des pages toujours différentes, mais avec des tons similaires.

- How To Generate Monochromatic CSS Stylesheets Within Seconds Using PHP
- Control your CSS via PHP - Good Stuff