Commentaires sur : Organiser ses feuilles de style CSS (XHTML & CSS) http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css Intégration web et bonnes pratiques avec HTML et CSS. Design et charte graphique avec ou sans Photoshop. Rédaction web, blogging avec Dotclear et WordPress. Référencement et positionnement sur Google. Sat, 22 Nov 2008 16:05:12 +0000 http://wordpress.org/?v=2.6.3 Par : infirmier http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-2095 infirmier Sat, 21 Jun 2008 15:04:50 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-2095 <p>Bonjour,</p> <p>pareil pour moi, je crée plusieurs pages pour la phase de développement que je regroupe pour la mise en ligne (avec un fichier de commentaire à part pour qui voudrait reprendre le code par la suite si ce n'est pas moi)</p> <p>Mais bon je gère des mini-projet sans envergure (tout est relatif)</p> Bonjour,

pareil pour moi, je crée plusieurs pages pour la phase de développement que je regroupe pour la mise en ligne (avec un fichier de commentaire à part pour qui voudrait reprendre le code par la suite si ce n’est pas moi)

Mais bon je gère des mini-projet sans envergure (tout est relatif)

]]> Par : aymeric http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-626 aymeric Tue, 14 Aug 2007 15:58:53 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-626 <p>je faisais aussi avant bcp de fichiers css, mais l'extension YSlow de Firefox m'a indiqué que cette multiplicité ralentissait le chargement de mes pages. du coup, je les ai regroupé. avec des commentaires bien placés, le résultat est plutôt bon.</p> je faisais aussi avant bcp de fichiers css, mais l’extension YSlow de Firefox m’a indiqué que cette multiplicité ralentissait le chargement de mes pages. du coup, je les ai regroupé. avec des commentaires bien placés, le résultat est plutôt bon.

]]> Par : br1o http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-625 br1o Sun, 03 Jun 2007 22:55:03 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-625 <p>Martin > Je pensais naïvement lire le lien die.net et revenir vers toi rapidement, mais la lecture du lien est assez ardue et mes connaissances théoriques en ce qui concerne les échanges http trouvent leurs limites. J'ai du pain sur la planche pour tout saisir, marci bien... ;)<br /> a++</p> Martin > Je pensais naïvement lire le lien die.net et revenir vers toi rapidement, mais la lecture du lien est assez ardue et mes connaissances théoriques en ce qui concerne les échanges http trouvent leurs limites. J’ai du pain sur la planche pour tout saisir, marci bien… ;)
a++

]]> Par : Martin http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-624 Martin Fri, 01 Jun 2007 18:26:14 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-624 <p>Si durant la phase de développement, l'organisation d'une feuille de style et son découpage en plusieurs morceaux importe peu, au moment du déploiement sur le site final, il est bon de réaliser quelques optimisations purement techniques.<br /> <br /> Ainsi, réduire la quantité d'éléments externes nécessaires à l'affichage d'une page correctement permet d'en accélérer l'affichage. En effet, comme le montre cette petite démonstration théorique :<br /> <br /> <a href="http://www.die.net/musings/page_load_time/" title="http://www.die.net/musings/page_load_time/" rel="nofollow">www.die.net/musings/page_...</a><br /> <br /> les échanges par protocole HTTP nécessitent environ 500 octets, ce qui augmente de manière très sensible la taille des très petits éléments (comme un bout de CSS inclus par un autre CSS). De plus, Internet Explorer ne permet de charger que deux éléments à la fois depuis un même hôte. Avec quatre feuilles de styles incluses les unes dans les autres, les temps de chargement, ou du moins d'apparition de la page sous les yeux du visiteurs, peuvent augmenter de manière très significative.<br /> <br /> Une solution, sur un site à base de WordPress notamment, est d'utiliser un système tel que le "Inlined CSS / JavaScript WP Plugin" :<br /> <br /> <a href="http://elliottback.com/wp/archives/2006/09/23/inlined-css-javascript-wp-plugin/" title="http://elliottback.com/wp/archives/2006/09/23/inlined-css-javascript-wp-plugin/" rel="nofollow">elliottback.com/wp/archiv...</a></p> Si durant la phase de développement, l’organisation d’une feuille de style et son découpage en plusieurs morceaux importe peu, au moment du déploiement sur le site final, il est bon de réaliser quelques optimisations purement techniques.

Ainsi, réduire la quantité d’éléments externes nécessaires à l’affichage d’une page correctement permet d’en accélérer l’affichage. En effet, comme le montre cette petite démonstration théorique :

http://www.die.net/musings/page_...

les échanges par protocole HTTP nécessitent environ 500 octets, ce qui augmente de manière très sensible la taille des très petits éléments (comme un bout de CSS inclus par un autre CSS). De plus, Internet Explorer ne permet de charger que deux éléments à la fois depuis un même hôte. Avec quatre feuilles de styles incluses les unes dans les autres, les temps de chargement, ou du moins d’apparition de la page sous les yeux du visiteurs, peuvent augmenter de manière très significative.

Une solution, sur un site à base de WordPress notamment, est d’utiliser un système tel que le "Inlined CSS / JavaScript WP Plugin" :

elliottback.com/wp/archiv…

]]> Par : PêUR http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-623 PêUR Fri, 25 May 2007 11:00:24 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-623 <p>Tu as raison, c'était plus pour le lien intéressant qu'une réèlle supposition... d'autant que j'ai enfin mis à jour mon gravatar ;)</p> Tu as raison, c’était plus pour le lien intéressant qu’une réèlle supposition… d’autant que j’ai enfin mis à jour mon gravatar ;)

]]> Par : teknofil http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-622 teknofil Fri, 25 May 2007 09:04:47 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-622 <p>Merci pour cet article intéressant ! Je pense que chacun organise sa (ou ses) feuille(s) de style de manière personnalisée afin de s'y retrouver au mieux, surtout quand on bosse seul. Le problème n'est pas le même quand on travaille en équipe ;)</p> Merci pour cet article intéressant ! Je pense que chacun organise sa (ou ses) feuille(s) de style de manière personnalisée afin de s’y retrouver au mieux, surtout quand on bosse seul. Le problème n’est pas le même quand on travaille en équipe ;)

]]> Par : Aguillem http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-621 Aguillem Fri, 25 May 2007 08:24:49 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-621 <p>Encore un article réalisé avec Brio par Br1o ;)<br /> Je vois en fait que j'utilise la majorité de ces "bonnes pratiques", mis à part l'indentation que j'ai redécouvert il y a peu avec l'article de David.<br /> Si tu le permets, je ferais un petit billet pointant vers ton billet que je glisserais dans ma catégorie "Bonnes pratiques". C'est bien expliqué et complet alors je n'ai aucun interet à recommencer ;)</p> Encore un article réalisé avec Brio par Br1o ;)
Je vois en fait que j’utilise la majorité de ces "bonnes pratiques", mis à part l’indentation que j’ai redécouvert il y a peu avec l’article de David.
Si tu le permets, je ferais un petit billet pointant vers ton billet que je glisserais dans ma catégorie "Bonnes pratiques". C’est bien expliqué et complet alors je n’ai aucun interet à recommencer ;)

]]> Par : br1o http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-620 br1o Fri, 25 May 2007 02:06:58 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-620 <p>k-ny > idem, j'suis déjà fan : joli design, contenu intéressant ! A bientôt :)<br /> <br /> PêUR > j'ai jeté un oeil sur le blog de bizet, mais ce genre de changement risque de ne pas plaire à tout le monde ^^ A méditer pendant quelques mois, amha :p</p> k-ny > idem, j’suis déjà fan : joli design, contenu intéressant ! A bientôt :)

PêUR > j’ai jeté un oeil sur le blog de bizet, mais ce genre de changement risque de ne pas plaire à tout le monde ^^ A méditer pendant quelques mois, amha :p

]]> Par : PêUR http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-619 PêUR Thu, 24 May 2007 13:58:11 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-619 <p>L'article et le débat qui manquait!<br /> <br /> Merci pour le lien :)<br /> <br /> PS: J'aimerais tant changer mon gravatar (le site est en rade) pour être homogène partout... Tu veux pas mettre les avatars de MyBlogLog plutôt ;) Bizet's blog en parle: <a href="http://www.bizetfamily.net/index.php/2007/05/21/382-dotclear-1-2-x-avatars-myblolog-dans-les-commentaires" title="http://www.bizetfamily.net/index.php/2007/05/21/382-dotclear-1-2-x-avatars-myblolog-dans-les-commentaires" rel="nofollow">www.bizetfamily.net/index...</a></p> L’article et le débat qui manquait!

Merci pour le lien :)

PS: J’aimerais tant changer mon gravatar (le site est en rade) pour être homogène partout… Tu veux pas mettre les avatars de MyBlogLog plutôt ;) Bizet’s blog en parle: http://www.bizetfamily.net/index...

]]> Par : k-ny http://www.css4design.com/blog/organiser-ses-feuilles-de-style-css#comment-618 k-ny Thu, 24 May 2007 11:56:24 +0000 http://www.css4design.com/blog-reloaded/?p=90#comment-618 <p>Allez hop, rss direct dans mon google reader :)<br /> <br /> Thanks ;)</p> Allez hop, rss direct dans mon google reader :)

Thanks ;)

]]>