Blueprint CSS : un framework CSS très pratique
Par Jean-Baptiste Hétier le mercredi, janvier 13 2010, 13:12 - Développement et ergonomie - Lien permanent

Blueprint est un framework CSS, un bien grand mot pour signaler un ensemble d'outils pour vous aider à mettre en place un site internet plus rapidement. On trouve :
- une réinitialisation de nombreux paramètres de style qui diffèrent selon les navigateurs (marges de la page, espacement entre des puces, …) ;
- des polices de caractères et des tailles d'éléments (titres, sous-titres, paragraphes) homogènes ;
- des styles pour les éléments de formulaire un peu plus élégants que par défaut ;
- et des classes vous permettant de construire rapidement une page mise page en colonnes. Pour faciliter la réalisation de cette dernière, vous pouvez même activer l'affichage d'une grille d'alignement.
Attention à ce dernier point toutefois : cette mise en forme avec des classes est certes très pratique, mais il faut l'utiliser avec des pincettes puisqu'elle introduit une forte dépendance entre le code source de la page et sa feuille de style !
Un exemple de page réalisé très simplement est disponible dans les pages d'exemples de Blueprint. Elle est certes dépouillée, mais très propre et cohérente, et ce pour un minimum d'effort.
N'hésitez pas à utiliser Blueprint ou tout autre framework CSS à la prochaine réalisation d'une maquette ou d'une petite publication en ligne. Préférez peut-être votre propre feuille de style pour des projets plus conséquents.



Commentaires
Personnellement, j'utilise BluePrint CSS depuis quelques mois, et c'est vraiment excellent! On gagne un temps précieux!
Oui, et surtout le résultat est souvent très propre. Merci pour ton retour.
Sinon, y'a aussi 960… plus ou moins le même principe…
Mixé avec le module Skinr et le thème fusion core sur un drupal, ça donne ça : http://www.youtube.com/watch?v=3_De...
Oui, il y en a une petit tripotée (http://en.wikipedia.org/wiki/CSS_fr...).
Le lien est sympathique et confirme un intérêt très fort des framework CSS : la génération de code ou les interfaces wywiwyg des CMS.
Par contre je ne comprends pas cette mode des vidéos qui est sacrément pénible là ou une vingtaine de capture d'écran serait bien plus efficace.
C'est pénible tant qu'on aura pas le html5… pour l'instant le flash me fait sacrément ch*** mais bon, ainsi on peux mieux voir les différents process/scénarios d'utilisation qu'avec un diag et des screens…
C'est justement ce sur quoi je ne suis pas d'accord Jean-Cédric. Pour moi je peux regarder des transparents au rythme que je choisis (30 secondes pour un premier aperçu, 2 minutes pour mieux comprendre les paramètres que tu modifies, …) alors qu'une vidéo je suis contraint de la vivre au rythme imposé par le créateur de la vidéo.
Je suis fan de ce framework depuis un moment essentiellement pour la typographie.
C'est sur celui-là d'ailleurs que j'ai construit le thème par défaut de Fumblup
Merci pour ton retour Osku. Le thème est sobre mais très sympa. J'ai bien lu ton message, j'y répondrai ce week-end…
Couplé avec Compass ça devient divin
j'en ai fait un résumé http://www.catapulse.org/articles/v...
Voir la vidéo sur http://wiki.github.com/chriseppstei... et pour ceux qui ne supportent pas les vidéos
Très intéressant dab, merci !!! J'avais déjà joué avec HAML et c'est un vrai bonheur !