Liens Css

 [1]
voir aussi >

Utiliser les feuilles de style avec SPIP
-  Pour tirer parti de toute la souplesse de SPIP, il est recommandé d’utiliser les feuilles de style.
Pas de panique, cette petite initiation permettra aux débutants de raccrocher les wagons...

Pour débuter avec les CSS
-  openweb.eu.org (fr) : LA référence du débutant ! D’ailleurs ils n’abordent pas que les CSS...
-  CSS débutant (fr) : extrait : Mon intention n’est pas de faire ici un cours de référence sur le css, mais juste de regrouper les différentes astuces de code que je publie de temps en temps sur le weblog.
-  Du bon usage des feuilles de style (fr) : Les feuilles de style, d’accord, mais pourquoi, pour qui et comment ?

Pour aller plus loin
-  Glums : les rappels proposés par Karim
-  Pompage.net (fr) : le site de la liste de discution francophone pompeurs@yahoogroupes.fr
-  Documents du W3C (en) : LA documentation des CSS.
-  Documents du W3C (fr) : une traduction en français du précédent.

Validation des feuilles de Styles
-  l’outil du W3C (en) : A utiliser après avoir validé votre code HTML/XHTML

Jusqu’où aller avec les CSS
-  CSS Zen Garden (fr) : extrait : l y a clairement un besoin pour les graphistes de prendre les CSS au sérieux. Le Jardin Zen vise à exciter, inspirer, et encourager la participation. Pour commencer, voyez quelques concepts choisis dans la liste. Cliquez sur n’importe lequel pour le charger sur cette page. Le code HTML demeure le même, et seule la feuille de style extérieure change. Oui, vraiment.
-  CSS pencil : pourquoi utiliser des images alors que quelques miliers de div peuvent faire la même chose ? (parce que ça fait une image 60 fois plus légére, banane ! )
-  Boutons CSS (fr) : dépassé les boutons en Javascript, passons aux CSS !

Liens proposés par dcocagne@ifrance.com

— > http://www.yoyodesign.org/ (traduction docs W3C !à consulter impérativement quand vous aurez un peu de bagage !)
— > http://www.camo.qc.ca/formation/acc... (idem, bien présenté)
— > http://www.braillenet.org/ (également un texte qui préfigure la future loi pour les sites administratifs + validation des sites)
— > http://www.web1901.org/article60.html (Du bon usage des feuilles de style (CSS))
— > http://www.mammoutland.net/ (pour débuter)
— > http://css.alsacreations.com (pour aller un peu plus loin, tutoriaux très bien faits)
— > http://www.pompage.net/ (référence, en français, parce que c’est intéressant)
— > http://www.openweb.eu.org/ (référence, en français, pour aller encore plus loin)
— > http://webbo.enst-bretagne.fr/tig/c... (autres tutoriaux et exemples en français)
— > http://www.la-grange.net/w3c/WAI-WE... (mettre en place des raccourcis clavier)
— > http://flumpcakes.co.uk/css/opt/ Pour optimiser au maximum son fichier CSS
— > http://www.csscreator.com/version2/... Pour générer tout simplement un layout XHTML / CSS avec trois colonnes
— > http://generator.beseku.com/ Pour contrôler si son site est sémantiquement correct
— > http://www.maketemplate.com/ un site qui va vous aider à faire vos templates pour vos sites PHP en vous donnant les codes pour les fichiers CSS - HTML et PHP
— > http://www.inknoise.com/experimenta... encore un outil pour générer un gabarit XHTML/CSS
— > http://www.accessify.com/tools-and-... Envie d’un menu CSS ? C’est par là !!
— > http://www.danvine.com/icapture/ Vous connaissiez déjà ce lien pour avoir le rendu de votre site sur Safari (Mac)
— > http://www.danvine.com/iecapture/ maintenant il y a son petit frère qui vous donnera le rendu sur IE6 - IE5.5 - IE5 - IE4 - Opera 7 - Firefox 0.8
— > http://www.w3.org/TR/REC-CSS2/aural.html (pour aller encore plus loin, en Anglais)
— > http://emma.media-box.net/article.p... (un texte en français à lire)
— > http://bobby.watchfire.com/bobby/ht... (validation en ligne en Anglais)
— > http://forums.world-informatique.co... (Forums d’entraide informatique, dans la section Webmasters, des intervenants comme Sibelius (auteur de Alsacreation), Beleg (auteur de WorldInformatique.com) (Chanchan auteur de sites en hxtml) ... et plus modestement, moi, dominique)

Cf aussi proposé par vincent@consultation-boreale.com
— > http://css.maxdesign.com.au/floatut...
— > http://www.alistapart.com/topics/css/
— > http://www.alsacreations.com/articl...
— > http://csszengarden.com

Proposé par Jovis
— > http://www.blooberry.com/indexdot/c... une référence, sans exemples, mais qui présente l’avantage d’être
exhaustive. - En anglais

Et aussi, depuis la liste spip.user
— > http://www.laltruiste.com/document.... une assez grosse ressource en français sur les langages web.

Contourner les défauts/limitations/bugs d’Internet Explorer
— > http://www.fastclemmy.com/index.php... mentionné par O.Gendrin sur la liste
— > http://openweb.eu.org/articles/dime... pour la dimension des boîtes

Livre proposé par Raphael
— > http://www.eyrolles.com/Informatiqu... CSS2 Pratique du design web. - chez Eyrolles