http://dev.k1der.net/dev/organiser-ses-css/ Wed, 02 Sep 2009 09:59:29 +0200 http://wordpress.org/?v=2.8 hourly 1 http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-610 Delavy Thu, 21 May 2009 12:10:47 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-610 Article très sympa, et vraiment instructif, il résume bien les techniques pour organiser les css. Néanmoins, il en manque une pour tes "titres" : si dans le groupe sous Textearticle tu retrouve une classe .textearticle, la recherche n'est pas simplifiée. Pour cela, Douglas Bowman propose de mettre des flags : en titre mettre =Textearticle au lieu de juste textearticle, ce qui permet avec la recherche rapide, d'acceder directement à une catégorie du premier coup (voir http://stopdesign.com/archive/2005/05/03/css-tip-flags.html ) css. Néanmoins, il en manque une pour tes « titres»  : si dans le groupe sous Textearticle tu retrouve une classe .textearticle, la recherche n’est pas simplifiée. Pour cela, Douglas Bowman propose de mettre des flags : en titre mettre =Textearticle au lieu de juste textearticle, ce qui permet avec la recherche rapide, d’acceder directement à une catégorie du premier coup (voir http://stopdesign.com/archive/2005/05/03/css-tip-flags.html )]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-408 » Un seul fichier CSS pour cibler IE6 et IE7 avec les commentaires conditionnels « css4design : des css pour votre design html Wed, 23 Apr 2008 17:14:48 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-408 [...] que j’ai eu l’occasion de présenter dans cette traduction. Sans oublier le billet de Country qui a déclenché l’envie d’en faire un [...] http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-407 Sébastien C. Wed, 23 Apr 2008 14:21:36 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-407 "Les utilisateurs d’IE5 peuvent aller brûler en enfer, personne ne les regrettera." "Vous pouvez aussi y mettre des insultes pour les utilisateurs d’IE, ça soulage." Pas très pro tout ça, mais je comprends ta haine envers ces misérables ^^ Merci pour cet article, je n'avais plus trop le net je le découvre à peine. Très instructif pour un noob comme moi ;) « Vous pouvez aussi y mettre des insultes pour les utilisateurs d’IE, ça soulage.» 

Pas très pro tout ça, mais je comprends ta haine envers ces misérables ^^

Merci pour cet article, je n’avais plus trop le net je le découvre à peine. Très instructif pour un noob comme moi ]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-405 Country Thu, 17 Apr 2008 15:40:18 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-405 Ha ok, j'ai pigé le système. Donc si on a un script pour fusionner les css côté serveur alors c'est une bonne méthode. Sinon il reste celle que j'ai linké plus haut qui semble pas mal aussi. css côté serveur alors c’est une bonne méthode. Sinon il reste celle que j’ai linké plus haut qui semble pas mal aussi.]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-398 Eric Wed, 16 Apr 2008 19:16:38 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-398 Non non, tu peux fusionner les CSS IE et garder les commentaires conditionnels. Il te suffit de faire une version "normale" et une version "normal+IE". Tu choisis laquelle tu intègres avec les commentaires conditionnels (tu peux faire du contenu qui ne s'affiche que sur IE comme tu l'as fait, mais tu peux aussi faire le contraire, l'association des deux te donnes ce que tu veux). CSS IE et garder les commentaires conditionnels.
Il te suffit de faire une version « normale»  et une version « normal+IE» . Tu choisis laquelle tu intègres avec les commentaires conditionnels (tu peux faire du contenu qui ne s’affiche que sur IE comme tu l’as fait, mais tu peux aussi faire le contraire, l’association des deux te donnes ce que tu veux).]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-400 Country Thu, 10 Apr 2008 15:12:55 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-400 Salut Bruno, Pas de problème, de toute façon le projet sort incessamment sous peu et je me manquerai pas de vous demander votre avis dessus :)
Pas de problème, de toute façon le projet sort incessamment sous peu et je me manquerai pas de vous demander votre avis dessus ]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-399 bruno bichet Thu, 10 Apr 2008 07:47:39 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-399 Le fait d'avoir des pages vraiment différentes au point de devoir faire une CSS dédiée est effectivement un casse-tête qui peut vite devenir "casse-gueule". Au début ça parait toujours une bonne idée qui permet d'avancer rapidement même si on a pas toutes les données sur l'ensemble des pages. Les problèmes surviennent généralement lorsqu'une page doit être modifiée et quand on se rend compte qu'il faudra également en modifier d'autres : on s'aperçoit alors qu'il y avait des éléments redondants que l'on aurait pu réunir. Tiens-nous au courant :) CSS dédiée est effectivement un casse-tête qui peut vite devenir « casse-gueule» .

Au début ça parait toujours une bonne idée qui permet d’avancer rapidement même si on a pas toutes les données sur l’ensemble des pages.

Les problèmes surviennent généralement lorsqu’une page doit être modifiée et quand on se rend compte qu’il faudra également en modifier d’autres : on s’aperçoit alors qu’il y avait des éléments redondants que l’on aurait pu réunir.

Tiens-nous au courant ]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-395 Country Wed, 09 Apr 2008 12:30:27 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-395 Complément d'information, une astuce qui peut permettre de réduire le nombre de fichier CSS sans pour autant utiliser des hacks pour IE : http://www.lesintegristes.net/2008/04/08/cibler-internet-explorer-dans-une-css-oui-et-sans-hack/ CSS sans pour autant utiliser des hacks pour IE : http://www.lesintegristes.net/2008/04/08/cibler-internet-explorer-dans-une-css-oui-et-sans-hack/]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-394 Country Tue, 08 Apr 2008 13:48:43 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-394 Merci pour tes réponses. Le contenu est zippé et je dois avoir une 20ène de pages différentes en tout, donc en effet c'est peut être avantageux de fusionner dans ce cas. Enfin pour ce projet ça ne sera pas possible car pour faire ça bien ça demanderai des modifs côté serveur et on vas pas pouvoir, mais c'est à considérer pour les futures projets. Par contre la fusion des CSS et des CSS spécifiques à IE ça fait abandonner les commentaires conditionnels et repasser aux hacks :| PS : très bien ton blog :)
Le contenu est zippé et je dois avoir une 20ène de pages différentes en tout, donc en effet c’est peut être avantageux de fusionner dans ce cas. Enfin pour ce projet ça ne sera pas possible car pour faire ça bien ça demanderai des modifs côté serveur et on vas pas pouvoir, mais c’est à considérer pour les futures projets.

Par contre la fusion des CSS et des CSS spécifiques à IE ça fait abandonner les commentaires conditionnels et repasser aux hacks

PS : très bien ton blog ]]> http://dev.k1der.net/dev/organiser-ses-css/comment-page-1/#comment-397 Eric Mon, 07 Apr 2008 22:57:02 +0000 http://www.k1der.net/blog/country/post/2008/03/31/organiser-ses-css/#comment-397 Si ton contenu est zippé et si tu n'as pas 150 versions de page différentes (un article, une page d'index, un accueil, etc.), oui, c'est probablement mieux. La différence de taille peut s'effacer devant le nombre de requêtes. Certains navigateurs ne téléchargeant qu'une CSS à la fois. Ca se calcule : - X = main+article zippé - Y = article zippé Si X - Y prend plus de 40ms à télécharger sur une liaison standard (comptes 1 à 2 mb/s en France pour un public internaute), alors c'est probablement une bonne chose de fusionner. Disons que pour main+article ça se calcule. Quand tu commences à faire 4 fichiers CSS (pour IE) là ça devient beaucoup et comme le main.css ne sera *jamais* pris indépendamment du main-ie.css pour un client ie6, il n'y a plus aucune raison de ne pas les agréger.
La différence de taille peut s’effacer devant le nombre de requêtes. Certains navigateurs ne téléchargeant qu’une CSS à la fois.

Ca se calcule :
- X = main+article zippé
- Y = article zippé

Si X – Y prend plus de 40ms à télécharger sur une liaison standard (comptes 1 à 2 mb/s en France pour un public internaute), alors c’est probablement une bonne chose de fusionner.

Disons que pour main+article ça se calcule. Quand tu commences à faire 4 fichiers CSS (pour IE) là ça devient beaucoup et comme le main.css ne sera *jamais* pris indépendamment du main-ie.css pour un client ie6, il n’y a plus aucune raison de ne pas les agréger.]]>