2010-07-02 3 views
1

Je pose cette question uniquement du point de vue du développement.Beaucoup de petits fichiers CSS ou un gros avec des sections - du point de vue de la qualité du code

Les performances ne sont pas un facteur à prendre en compte, car nous allons avoir un processus de construction qui combine et compresse tous nos fichiers CSS dans un seul fichier à publier, puis le compresse.

Mais avec qui une équipe de développeurs frontaux pourra-t-elle travailler plus facilement? Plusieurs fichiers ou un seul fichier qui est séparé en sections distinctes par le biais de commentaires?

+0

double possible de [un CSS massif - ou beaucoup de petits] (http://stackoverflow.com/questions/1525107/one-massive-css-or- beaucoup de-petits-uns) –

+0

Demandé tant de fois avant et ils seraient apparus quand vous tapiez votre question. –

+0

Je sais que vous avez dit non pour la performance, mais beaucoup de réponses ici seront applicables: http://stackoverflow.com/questions/3128479/for-performance-use-one-or-several-css-files – TomWilsonFL

Répondre

5

Si vous souhaitez joindre et compresser tous les fichiers à un stade ultérieur, je les scinderais certainement en plusieurs fichiers et les organiserais en conséquence.

Découvrez comment jQuery UI organise ses fichiers CSS, ils ont environ 7 fichiers CSS, et 1 fichier principal qui importe tous les 7 en utilisant l'instruction @import. Cela peut vous être utile, vous n'avez donc pas besoin de 7 références <link rel="stylesheet" />.

Assurez-vous également de les commander en conséquence afin que les remplacements soient toujours en bas.

Bonne chance

Marko

+0

Merci Marco. Je jetterai un oeil sur les fichiers jQuery et comment ils sont organisés; ils sonnent comme une bonne configuration à suivre. – Jonathan

+0

Votre bienvenue - J'ai trouvé les fichiers dans mon paquet d'interface utilisateur personnalisé dans le dossier development-bundle -> themes -> no-theme – Marko

+0

mais @import n'est pas conseillé pour les performances http://developer.yahoo.com/performance/rules. html # csslink –

Questions connexes