Typographisme - Grilles & Frameworks

Golden Grid System

Anne-So — Mon, 19 Sep 2011 08:19:00 +0200

Golden Grid System est un framework de mise en page réactive à 16 colonnes, conçu non pas pour être utilisé tel quel mais plutôt pour servir de bloc de construction dans l’élaboration d’un design réactif. Il inclut une grille de ligne de base également réactive, tout l’intérêt étant que la taille de police augmente au-delà d’une certaine taille afin de mettre la largeur de l’écran au service du confort de lecture. La chose semble bien fichue (mais non encore testée par nos services) et tout le code (HTML, CSS, LESS et JS) est dispo sur Github.

URL http://goldengridsystem.com/

OOCSS

Jeremie — Thu, 30 Dec 2010 10:20:00 +0100

OOCSS est un framework créé par Nicole Sullivan. Il est très orienté apprentissage plutôt que solution clé en main mais dispose tout de même d’outils assez robustes. Il conviendra tout de même plus à des intégrateurs experts qui connaissent bien les arcanes des CSS car il peut être parfois nécessaire de voir ce qui ce passe sous le capot. Les novices y trouveront cependant une méthodologie d’intégration intéressante.

URL https://github.com/stubbornella/oocss/wiki

Blueprint

Vincent — Thu, 16 Dec 2010 13:54:00 +0100

Blueprint est une bibliothèque CSS qui promet : une uniformisation des vos styles quelque soit votre navigateur ; une grille verticale et une grille horizontale ; des enrichissement typographiques ; une prise en charge de l’affichage des formulaires ; une impression personnalisée ; et un système de plugins pour en étendre ses possibilités. Le tout étant accompagné de nombreux outils proposés par une communauté relativement importante.

URL http://www.blueprintcss.org/

#grid

Vincent — Thu, 16 Dec 2010 13:54:00 +0100

#grid est un petit script JS qui permet de superposer une grille à votre travail de manière simple et efficace. La grille est personnalisable à souhait et son affichage contrôlable au clavier.

URL http://hashgrid.com/

Gridr buildrrr

Anne-So — Sun, 21 Nov 2010 22:31:00 +0100

Gridr Buildrrr est un éditeur visuel de grilles, il sert essentiellement à faciliter les calculs. Contrairement à Variable Grid Systems, il ne propose pas la CSS associée – mais il vous laisse définir les marges latérales de votre choix.

URL http://gridr.atomeye.com/

Variable Grid System

Anne-So — Sun, 21 Nov 2010 21:37:00 +0100

Un outil très pratique qui permet de créer une grille en fonction du nombre de colonnes, et de la largeur des colonnes, des gouttières et de la page. La représentation graphique de la grille s’ajuste dynamiquement à vos modifications, et vous pouvez télécharger la CSS correspondante.

URL http://www.spry-soft.com/grids/

Baseline Rythm Calculator

Anne-So — Sun, 21 Nov 2010 21:35:00 +0100

Le Baseline Rythm Calculator est un outil tout simple qui calcule, à partir du corps de police et de l’interlignage de votre texte courant, les corps et l’interlignage de différents niveaux de titre (et vous fournit la CSS qui va avec).

URL http://topfunky.com/baseline-rhythm-calculator/

960 Grid System

Anne-So — Sun, 21 Nov 2010 21:32:00 +0100

960 GS propose un framework CSS basé sur une grille à 16 colonnes (existe aussi avec 12 colonnes), ainsi que des templates dans de nombreux formats (suite Adobe, Omnigraffle, Visio, etc.).

URL http://960.gs/