blog_charset').'"?'.'>'; ?> Commentaires sur : Le CSS Orienté Objet http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet Switch on creativity ! Thu, 29 Jul 2010 08:43:56 +0000 hourly 1 http://wordpress.org/?v=3.0 Par : Guillaume http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-435 Guillaume Fri, 22 Jan 2010 16:55:44 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-435 @ JP Je suis d'accord avec toi sur le principe d'attribuer une couleur à un titre. Il est absurde de considérer mettre une classe "bold" puis "rouge" à un titre (encore que si le rouge est une des couleurs utiliser dans la maquette graphique, cela permet de modifier la teinte plus facilement que dans tout le fichier css). Ce que je voulais montrer, c'est la force du css au sens objet pour des classes utiles. Par exemple il me semble tout à fait pertinent de décliner des classes "center" pour un text-align:center, un "floatleft" pour un "float:left" ou encore une classe "clearfix" pour un clear:both, tout simplement car ce sont des classes récurrentes auxquelles on fait souvent appel lors d'une intégration. Mon fichier de "mise à plat" CSS est notamment constituée des éléments suivants : .floatleft{ float:left } .floatright{ float:right } .clearfix{ clear:both; font-size:1px; line-height:1px } *html .clearfix{ clear:both; height:0; font-size: 1px; line-height: 0px; padding:0; margin:0 } .center{ text-align:center } .left{ text-align:left } .right{ text-align:right } .one_third{ width:33% } .two_third{ width:67% } .half{ width:50% } .block{ display:block } .displaynone{ display:none } Et je ne crois pas régresser en faisant cela mais bien au contraire mieux organiser mes templates. C'est un sujet assez polémique quoi qu'il en soit, chacun peut avoir son avis sur la question ;) @ JP Je suis d’accord avec toi sur le principe d’attribuer une couleur à un titre. Il est absurde de considérer mettre une classe « bold » puis « rouge » à un titre (encore que si le rouge est une des couleurs utiliser dans la maquette graphique, cela permet de modifier la teinte plus facilement que dans tout le fichier css).

Ce que je voulais montrer, c’est la force du css au sens objet pour des classes utiles. Par exemple il me semble tout à fait pertinent de décliner des classes « center » pour un text-align:center, un « floatleft » pour un « float:left » ou encore une classe « clearfix » pour un clear:both, tout simplement car ce sont des classes récurrentes auxquelles on fait souvent appel lors d’une intégration.

Mon fichier de « mise à plat » CSS est notamment constituée des éléments suivants :

.floatleft{ float:left }
.floatright{ float:right }
.clearfix{ clear:both; font-size:1px; line-height:1px }
*html .clearfix{ clear:both; height:0; font-size: 1px; line-height: 0px; padding:0; margin:0 }
.center{ text-align:center }
.left{ text-align:left }
.right{ text-align:right }
.one_third{ width:33% }
.two_third{ width:67% }
.half{ width:50% }
.block{ display:block }
.displaynone{ display:none }

Et je ne crois pas régresser en faisant cela mais bien au contraire mieux organiser mes templates.

C’est un sujet assez polémique quoi qu’il en soit, chacun peut avoir son avis sur la question ;)

]]> Par : JP http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-433 JP Fri, 22 Jan 2010 13:23:33 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-433 Houla ! @ Guillaume et Sébastien : pas d'accord avec vous, Paul a raison... Il est très discutable d'intégrer ces éléments dans la balise : il n'y a plus de séparation contenu/contenant ! Si vous créez un titre avec par exemple les classes ".rouge", ".centre" et ".italique", que se passera-t-il si vous voulez changer la couleur en ".bleu" ??? Vous serez obligés d'aller dans toutes vos pages comportant cette définition et de modifier chaque occurrence une à une !!! C'est tout le contraire du concept même des CSS : on définit le titre comme une classe dans la feuille de styles, et si le style doit changer il suffit d'aller faire la modif. dans le fichier CSS et non dans le (x)html. Donc, vous régressez : comme dit Paul, regardez comment étaient faites les balises avant le CSS, car c'est exactement ce que vous êtes en train de reproduire ;) Sébastien, rien n'est ergonomique là-dedans !!! Houla !

@ Guillaume et Sébastien : pas d’accord avec vous, Paul a raison…

Il est très discutable d’intégrer ces éléments dans la balise : il n’y a plus de séparation contenu/contenant !

Si vous créez un titre avec par exemple les classes « .rouge », « .centre » et « .italique », que se passera-t-il si vous voulez changer la couleur en « .bleu » ??? Vous serez obligés d’aller dans toutes vos pages comportant cette définition et de modifier chaque occurrence une à une !!!

C’est tout le contraire du concept même des CSS : on définit le titre comme une classe dans la feuille de styles, et si le style doit changer il suffit d’aller faire la modif. dans le fichier CSS et non dans le (x)html.

Donc, vous régressez : comme dit Paul, regardez comment étaient faites les balises avant le CSS, car c’est exactement ce que vous êtes en train de reproduire ;)

Sébastien, rien n’est ergonomique là-dedans !!!

]]> Par : CSS – Orienté Objet, ce qu’il faut savoir | bertrandkeller http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-416 CSS – Orienté Objet, ce qu’il faut savoir | bertrandkeller Thu, 15 Oct 2009 07:54:22 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-416 [...] Le CSS Orienté Objet par Guillaume Voisin [...] [...] Le CSS Orienté Objet par Guillaume Voisin [...]

]]> Par : Sébastien http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-405 Sébastien Fri, 25 Sep 2009 09:50:24 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-405 @Paul: Le css est avant-tout une manière de coder proprement, de ne pas tout mélanger. Le style n'a plus sa place dans le code html tout comme maintenant le javascript avec jQuery. Il est donc tout à fait logique d'utiliser le css, et comme le présente guillaume, de la façon la plus ergonomique. @Paul: Le css est avant-tout une manière de coder proprement, de ne pas tout mélanger. Le style n’a plus sa place dans le code html tout comme maintenant le javascript avec jQuery. Il est donc tout à fait logique d’utiliser le css, et comme le présente guillaume, de la façon la plus ergonomique.

]]> Par : Guillaume http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-404 Guillaume Fri, 25 Sep 2009 08:15:59 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-404 @Paul: Quel intérêt de tout mettre dans la balise style ? L'intérêt d'une feuille de style externe est qu'elle est utilisable sur un ensemble de pages ... Il me semble donc que tu n'aies pas bien compris la mécanique des feuilles de styles. Je t'invite donc à te renseigner avant de critiquer ;) @Paul: Quel intérêt de tout mettre dans la balise style ? L’intérêt d’une feuille de style externe est qu’elle est utilisable sur un ensemble de pages … Il me semble donc que tu n’aies pas bien compris la mécanique des feuilles de styles. Je t’invite donc à te renseigner avant de critiquer ;)

]]> Par : Paul http://www.guillaumevoisin.fr/blog/internet/le-css-oriente-objet/comment-page-1#comment-403 Paul Fri, 25 Sep 2009 06:32:24 +0000 http://www.guillaumevoisin.fr/blog/?p=348#comment-403 Mouais, à ce tarif là, autant tout mettre dans la balise style. Je suis pas sûr que tu aies bien compris le concept des CSS. Mouais, à ce tarif là, autant tout mettre dans la balise style. Je suis pas sûr que tu aies bien compris le concept des CSS.

]]>