Test du Framework CSS 960 Kit

Le dossier sur les framework CSS ne devait initialement être composé que de trois tests (BluePrint, Yahoo YUI et YAML). Entre temps, j’ai découvert un peu par hasard, un framework qui reprend le concept utilisé par BluePrint: 960 Grid System. Il me semble intéressant de compléter le dossier avec le test de ce framework.

Premier contact

Comme pour BluePrint, le site de 960 est minimaliste. il s’appuie surtout sur des exemples. L’archive ZIP contient également le minimum: les feuilles de styles, un unique fichier de « démo », et quelques grilles qui peuvent être utilisées avec différents logiciels.

Logo de 960 System Grid

Le kit propose trois feuilles de styles:

  • 960.css contient tous les styles de positionnement (structure, blocs …),
  • text.css regroupe tous les éléments de typographie,
  • reset.css permet de supprimer toutes les propriétés par défaut des éléments HTML standards.

Un seul fichier d’exemple est proposé, il faut donc partir de là pour démarrer notre premier design.

Documentation

Aucune.

Utilisation

960GS est tout à fait comparable à BluePrint. Le framework est simple, et facilement accessible, parce qu’il repose sur un principe simple, et un nombre restreint de styles.

Le kit propose

  • Des styles container_xx découpant la largeur de la page (de 960px) en 12 ou 16 colonnes,
  • Des styles grid_x pour décrire la structure de la page. On indique un nombre de blocs, chaque bloc ayant une largeur multiple de 80 ou 60 pixels, avec toujours 10px de marges à droite et à gauche,
  • Les styles prefix_x permettent de décaler ces blocs vers la droite, tandis que les styles suffix_x sont chargés des décalages vers la gauche.

La principale (l’unique?) différence avec BluePrint se situe au niveau des marges, qui sont réparties à gauche et à droite (uniquement à droite pour BluePrint).

La feuille de style text.css est aussi complète que celle de BluePrint. Les tailles de caractères et les interlignes sont cependant définis en pixels, ce qui interdit tout redimensionnement propre.

Commentaires

960 Grid System est globalement un clone de BluePrint. Par rapport à ce dernier, il souffre de quelques défauts:

  • Toutes les dimensions sont indiquées en pixels: taille des blocs, taille des caractéres …
  • La communauté est beaucoup moins importante, et les ressources disponibles sont moins nombreuses.

Il faut donc attendre encore que le produit gagne en maturité avant de l’adopter.

Autres articles de cette série

  1. Un framework CSS hybride (9 juillet 2008)
  2. Test du Framework CSS 960 Kit (3 juillet 2008)
  3. Frameworks CSS: Conclusion (28 juin 2008)
  4. Framework CSS: test de YAML (23 juin 2008)
  5. FrameWork CSS: Tests de BluePrint v2 (18 mai 2008)
  6. Test du framework CSS Yahoo YUI (17 mai 2008)
  7. GridFox: aide au développement sous Firefox (11 mai 2008)
  8. Test du framework CSS BluePrint (19 avril 2008)
  9. Les frameworks CSS (14 avril 2008)

3 thoughts on “Test du Framework CSS 960 Kit”

  1. Oui, mais ce n’est, helas, pas un cas isolé.
    Le seul framework bien documenté est Yahoo YUI. BluePrint l’est egalement, mais uniquement par la communauté, pas par les développeurs eux-mêmes.
    D’une maniere generale, je n’ai pas l’impression que les Frameworks CSS se soient beaucoup développés.

  2. déja deux ans et toujours pas de documentation, meme pas une petite cheat sheet qui recap toutes les classes utiles du framework… il semble simple à prendre en main mais une documentation ne lui ferai aucun mal 😉

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *