Feuille de style alsacréations

Salut,

Questions de benêt (mais il vaut mieux avoir l'air <del>con</del> <ins>idiot</ins> que le rester) :
- pourquoi la feuille de style du site (www.alsacreations.com/css/styles20100616.css) est-elle présentée ainsi, sans retours à la ligne, indentations, commentaires ?
- les commentaires, espaces... ont-ils une influence sur l'optimisation du code (html ou css) ?

Le fichier est plus petit, est plus rapide à télécharger pour le navigateur et économise de la bande passante pour Alsa.

Ils ont un autre fichier "normal" pour travailler.

Patidou a écrit :

Ils ont un autre fichier "normal" pour travailler.

Oui mais nous, pour comprendre comment est fabriqué un si beau site, on s'abime les yeux et les neurones !
Blague à part, il est donc conseillé de supprimer commentaires et espaces lorsque l'on met en ligne ?

Oui et il y a des outils pour cela, ca s'appelle "minifier" en général

Bonjour,

les nouvelles vont vite, dew l'a minifiée hier
J'allais te proposer de prendre PSPad et d'utiliser CSS Tidy pour des règles au moins lisibles (à défaut de commentaires) mais dew a eu une meilleure idée (c'est une habitude chez lui ).
Je reviens dès que c'est fait

EDIT: il y a des bonnes choses dans la feuille de style du www.alsacreations.com surtout le haut du fichier, mais il y a aussi le résultat de contraintes qui n'existent pas sur des sites plus conventionnels et donc c'est pas forcément un exemple ... Quelques bidouilles pour l'iPhone et beaucoup beaucoup de blocs de contenu à gérer.
Comme d'hab' à ne pas suivre aveuglément mais avec circonspection
Modifié par Felipe (25 Jun 2010 - 12:47)

Good guys !
Merci pour le lien vers la feuille de style "lisible".

Si Dew et toi, Felipe, pouviez en plus vous fendre de petits tutoriels (ou astuces) sur la minification, sur PSPad et CSS Tidy, se serait open-bar...
J'en demande beaucoup mais ça vous ferait tout plein de kiwiz.

À propos d'iphone, je ne sais pas si c'est à cause de iOS4 ou si vous travaillez dessus mais je me retrouve avec un site version ordi.

Bonjour,

Le pourquoi du comment de cette pratique est expliqué ici, entre autres:
http://developer.yahoo.com/performance/rules.html#minify
http://code.google.com/intl/en/speed/page-speed/docs/payload.html#MinifyCSS

La lecture complète des documentations où ces bonnes pratiques apparaissent est fortement recommandée pour tout intégrateur web professionnel.
Modifié par Florent V. (25 Jun 2010 - 20:00)