Placement de 960 valeurs de système de grille dans un fichier externe

Question

Je pense utiliser Nathan Smith's 960 Grid System pour la mise en page dans le site ASP.NET MVC que j'écris.

J'ai remarqué que tous les exemples de 960.gs montrent l'utilisation HTML qui ressemble à ceci:

<div class="container_12"> 
    <div class="grid_12"> 
    </div> 
    <!-- end .grid_12 --> 
    <div class="clear"></div> 
    <div class="grid_1"> 
    </div> 
    <!-- ... --> 
</div> 

Je ne aime pas particulièrement mettre toutes les valeurs de la grille à l'intérieur du HTML lui-même - il crée l'encombrement et avec beaucoup de contenu, cela peut devenir difficile à gérer.

Est-il possible d'une certaine façon mettre ces valeurs de conteneurs et la grille dans un fichier externe qui applique les valeurs de la grille sur la base des id ou class attributs de certaines balises?

Answer 1

Vous ne pouvez pas externaliser ces valeurs. Bien qu'il soit possible de fusionner les noms dans le fichier de sorte que les noms que vous désignez pour les divs soient plusieurs sélecteurs CSS avec la grille (ie: .sidebar, .grid_3 {...}), cela est peu pratique et rend presque impossible la gestion et la maintenance du code. La lisibilité et la maintenabilité que vous sacrifiez valent beaucoup plus que la bonté sémantique que vous auriez acquise.

Le système de grille 960 est assez moche sur l'arrière. Ce que vous abandonnez dans la gentillesse, vous gagnez en simplicité et en efficacité de développement. Peut-être qu'un système de gird basé sur une colonne serait meilleur. Considérons quelque chose comme Frame: http://frame.serverboy.net/ (</shameless_plug>) ou Blueprint CSS.

Espérons que cela aide.