Pierre le 22/05/2007 :

Encore une fois, un article clair et concis fourmillant de liens... j'adore !
J'ai encore appris des trucs, merci beaucoup ;)

NiCoS le 22/05/2007 :

+1 :-)
Que ferait-on sans David... ;-P

David le 22/05/2007 :

Quel coïncidence !
Vendredi je me suis dis qu'il me faudrai un bouquin sur les CSS. Il y avait un article sur "Zen des CSS" dans Biologeek, mais ça ne semblait pas me correspondre. Finalement un ami chef de projet multimédia me conseille le bouquin d'Alsacréation. Je le commande ce matin.
Puis je vais faire un tour sur mon netvibes et là tu viens me confirmer dans mon choix : il y a des jours ce site est un Graal pour moi ;-) !
Les grands esprits pythoniques se rencontrent... !

olivier G. le 22/05/2007 :

Une autre bonne pratique consiste à trier les propriétés CSS dans l'ordre alphabétique, ça permet de les retrouver plus facilement.
Personnelement, je surindente en plus les 5 propriétés qui dépendent du positionnement (et je ne peux pas faire d'exemple, les espace de début de ligne sont retirés par dotclear).

Daniel R le 22/05/2007 :

Salut, David
lecteur régulier de ton blog, ça me fait bien plaisir de te voir mentionner WYMstyle, surtout quand je vois l'intitulé de ton article :)
Un framework CSS digne de ce nom ?
J'utilise déjà la 0.2 de WYMstyle depuis plus de 1 an, pour de nombreux sites en production, ce qui me permet de gagner un temps considérable, et d'avoir un code bien plus facile à gérer et à réutililser d'un projet à l'autre. Mais c'est vrai que WYMstyle, tout comme les autres frameworks il me semble, tent à enfermer le designer dans 'sa' logique. Il est souvent plus facile pour des layouts moins conventionnels de repartir à 0, et de se passer de frameworks.
Cependant, je pense de plus en plus que le framework CSS 'ultime'
doit avoir une couche logique de programmation (pour l'instant j'ai commencé à travailler sur une solution XML+XSL+PHP) qui permet de générer des layouts CSS complets et optimisés (fichiers CSS + XHTML) de manière vraiment simple et efficace.
On pourrait de cette manière générer des layouts XHTML+CSS vraiment sur mesure (jusqu'aux noms des id et class), intégrant par défaut une série de bonne pratiques (contrôle de l'ordre de la source, ...) et immédiatement compatibles tous browsers...
J'ai réussi à avoir quelques essais concluants, c'est de la pré-pré-pré alpha, mais le potentiel est bien là :-)
Je posterai quelques exemples sur mon blog quand j'aurai suffisamment progressé.

David, biologeek le 22/05/2007 :

@Pierre et NiCoS : mais c'est un plaisir :-)
@David : ça doit être la saison, c'est pas la première de la semaine !
@Olivier G. : beaucoup conseillent en effet de lister les propriétés dans un ordre prédéfini mais je n'ai jamais un bloc qui dépasse les 10 lignes donc j'ai du mal à en voir l'intérêt. Après ça doit être une question d'habitude mais tant que je l'ai facilement dans mon champ visuel ça me suffit.
@Daniel R. : merci pour ton commentaire (et heureux de te compter parmi mes lecteurs !) qui fait le point détaillé sur l'état de WYMstyle, pour être honnête je n'ai pas encore testé la solution actuelle mais je l'ai cité car il y a de l'idée et apparemment des idées tu en as encore ! Je ne peux que t'encourager à avancer sur ta nouvelle version bien que je mette un bémol sur le fait d'avoir un framework qui ne soit pas langage-agnostique...
C'est marrant car hier je me demandais justement si je ne pourrais pas automatiser la compression de la CSS car c'est une tâche assez fastidieuse... peut-être en js ?

Olivier G. le 22/05/2007 :

Ah tiens, une bonne habitude liée aux commentaires conditionnels et aux feuilles de styles spécifiques à IE qu'ils permettent : lorsque je surchage une valeur CSS dans la feuille IE, je l'indique dans la feuille générale par un /* !IE */ (ou /* !IE6 */ si ce n'est que dans la feuille de style pour IE 6).
Quand à l'ordre des valeurs, ça permet de savoir que si mon objet a une bordure, la règle CSS sera forcément en début de bloc. En fin de journée, on gagne beaucoup de temps...

Kagou le 22/05/2007 :

Encore un superbe article qui fait bien le point. J'ai découvert la css de remise à zéro de Eric Meyer, chose que je faisais naturellement mais franchement pas aussi bien.
Que de lectures en vue, et qui tombent au bon moment en plus pour moi ;)
Merci !

oakleaf le 22/05/2007 :

Merci :)

jp.fox le 22/05/2007 :

Merci David pour cet article excellent. Voici de bonnes bases pour quelqu'un comme moi qui voulait entrer un peu plus dans le vif du sujet et arrêter de "bidouiller" du CSS.

Nicofrand le 23/05/2007 :

Je ne connaissais pas CleanCSS , très utile pour vérifier merci du lien! D'ailleurs certains autres liens m'étaient également inconnus alors que très pratiques!

Saigon le 23/05/2007 :

Très bon article...un des meilleurs blog que j'ai pu lire jusqu'à présent....et comme pour certain je ne connaissais pas le morceau de css pour remettre à zéro :)

css4design le 24/05/2007 :

Organiser ses feuilles de style CSS

J'ai regardé l'organisation des CSS dans de nombreux CMS, de Dotclear à WordPress en passant par des plate-formes de e-commerce. Il n'y a pas deux feuilles de style qui partagent la même organisation Après quelques recherches, certaines

Raphael le 24/05/2007 :

Merci David pour cette critique plutôt positive, mais aussi et surtout pour l'article détaillé qui la complète.
Il y'a beaucoup de bonnes pratiques à suivre dans ton billet, même si je ne suis vraiment pas partisan du fameux reset CSS : plutôt que de tout mettre à zéro puis de redéfinir chacun des éléments qui le nécessitent (forcément), je préfère me limiter à définir une fois pour toutes ce dont j'ai besoin... avec quelques exceptions comme les ul et les form, qui sont souvent avantageusement "resetées".
Pour le reste, rien à redire !
PS : tiens, j'ai cru voir (commentaire n°3) une hérésie : un "alsacréationS" sans "s" final :D

David, biologeek le 24/05/2007 :

@Saigon : ça c'est du commentaire :')
@Raphael : mais merci à toi pour ce livre !
Concernant le reset, c'est vrai qu'il est pénible de devoir redéfinir chaque propriété comme strong ou sup mais sinon on finit toujours par oublier qu'un élément a telle propriété par défaut dans tel navigateur et c'est pour ça que je l'utilise. Après tout dépend de la complexité du site aussi... par exemple là pour un CV c'est un peu disproportionné à mon avis.

GandalfoS le 25/05/2007 :

Et dire que j'ai osé te donner un cours de XHTML/CSS ... c'est toi qui aurait du le faire ce cours :)

David, biologeek le 31/05/2007 :

Il y a parfois des commentaires qui laissent sans voix :-)

Tybho le 07/07/2007 :

Je tombe bien, un article concernant la pratique du reset CSS a justement été publié il y a quelques jours : blog.alsacreations.com/20...

Olivier Poète le 14/06/2008 :

Ce livre CSS2 est vraiment bien pour apprendre le CSS en plus du site AlsacréationS.
Merci Tybho pour le lien de l'article juste au-dessus qui est intéressant.

Pascale le 31/10/2008 :

Excellent merci beaucoup pour toutes ces infos :-)

Chat le 24/08/2009 :

Je recherchais justement à en savoir plus sur le css2 merci.

Riche le 15/09/2010 :

Merci, moi qui voulait foncer tête baissé dans le CSS3, je vais peut être commencer par bien comprendre le CSS tout court héhé^^

Download 5DFly Photo Design le 20/09/2010 :

et c'est pour ça que je l'utilise. Après tout dépend de la complexité du site aussi... par exemple là pour un CV c'est un peu disproportionné à mon avis.