Le blog-notes [Archive]

Les tutoriels CSS

• Un petit tutoriel très simple pour bien mettre les choses en place
• Le site d'Alsacréations
• The edge (en anglais)

Les trucs et astuces

• Faire une image cliquable en xhtml + CSS (et la preuve que c'est à la portée du 1er imbécile venu)
• Une autre approche, très élégante
• Encore une autre, avec possibilité de zoom !
• Faire des menus déroulants en CSS pur
• Créer des boutons W3C en CSS
• Montrer ou cacher un div, en CSS mais avec un peu de Javascript

Les démos technologiques

• Zen Garden, un site avec de multiples habillages différents en CSS

La validation du site

• Le validateur (x)html du W3C (et l'extension Firefox pour y faire appel directement)
• Le validateur CSS du W3C (et l'extension Firefox pour y faire appel directement)
• Un validateur multi-pages, pour valider un site complet

Last but not least : emacs

Pour ne pas faire les choses à moitié, emacs possède, en plus des modes html et php, un mode CSS. À quoi ça sert ? Simplement à écrire un fichier CSS qui respecte les règles de syntaxe du genre, avec une indentation parfaite et une coloration syntaxique à la clé.

Pour cela, il faut installer un paquet supplémentaire (sous Ubuntu 6.10) :

sudo apt-get install css-mode

puis modifier un peu le fichier de configuration .emacs (voir mon .emacs pour plus de détails).