[Webdesign] Grid System Generator, générez des grilles pour différents frameworks

Tags: CSS, Développement, Webdesign, Webworker
Posté dans Billets, Webworker par Lionel Roux le 5 août 2009

Aujourd’hui, lorsqu’on crée un webdesign, la question de la mise en page fait partie des premières que l’on se pose. Autrefois réalisé à la main, nous disposons aujourd’hui de différents frameworks pour nos cadres en CSS.

Les frameworks de dispositions CSS (les fameux « grid layouts ») sont nombreux et tous les maitriser est difficile.

Grid System Generator est un webware très utile qui permet de générer ses grilles de mise en pages via divers frameworks populaires.

Pour le moment, 4 de ceux-ci sont implémentés: 960.gs, Golden Grid, 1kb grid et Simple Grid System.

Après avoir choisi vos marges, tailles et le nombre de colonnes souhaitées, il vous suffit de cliquer sur le bouton « generate » correspondant au framework retenu.

Le webware crée alors un fichier .CSS qu’il vous suffit d’embarquer dans vos pages, ainsi qu’un fichier .HTML exemple.

www gridsystemgenerator com CSS [Webdesign] Grid System Generator, générez des grilles pour différents frameworks

De quoi grandement accélérer le développement de sites Web. Ma préférence va au framework 960.gs et son système de Pull/Push très pratique.

download ico [Webdesign] Grid System Generator, générez des grilles pour différents frameworks Générez vos grilles avec Grid System Generator

Cet article vous a plu ?

Commenter

| Recevez les mises à jour

| Partager :

Répondre Citer #1 par Simon le 5 août 2009 - 17:51

Je ne saurai quand même trop conseiller aux débutants qui veulent faire des sites régulièrement d’apprendre leur CSS par coeur, comme leur XHTML … dès qu’on connaît ça on peut se permettre de gagner du temps

Répondre Citer #2 par Lionel Roux le 6 août 2009 - 09:59

Disons qu’un tel système permet de changer les dimensions du layout en quelques secondes, sans tout retoucher. En tout cas j’aurais bcp moins galéré à faire mon design si j’avais eu un tel truc à l’époque.

Mais bon, c’et sûr que c’est mieux de savoir le faire à la main.

Répondre Citer #3 par devzonefr le 6 août 2009 - 10:46

Ça peut être effectivement pratique comme outil.

Il manque quand même mon préféré : Blueprint

Répondre Citer #4 par Lionel Roux le 6 août 2009 - 14:44

Je connais pas Blueprint ! tu le recommandes ? Il est meilleur ?

Répondre Citer #5 par devzonefr le 6 août 2009 - 18:55

Meilleure c’est plus une question de gout. Disons que je le trouve plus fournit (une feuille print en +), avec une meilleure doc, une plus grande communauté.

Après, travailler avec un framework css, quel qu’il soit est déjà bien

Tu peux le télécharger ici : http://blueprintcss.org/

Répondre Citer #6 par Lionel Roux le 7 août 2009 - 09:56

Merci pour les info, j’irai y faire un tour.

Pas encore de trackback.

Websourcing.fr » Actualités, Web, Logiciels et Fun