Blue Print, Le framework CSS
Par jp.fox le mercredi 22 août 2007, 22:01
Informatique
:: 
Lien permanent
Grâce à un billet de Biologeek sur l'importance du rythme vertical en design CSS, j'ai découvert le framework Blue Print, développé par Olav Bjørkøy, un étudiant norvégien.
Il s'agit d'une feuille de style au format CSS qui propose tout un tas de class pour réaliser très facilement de superbes mises en page. Le mode de gestion des colonnes, le respect du rythme vertical, la lisibilité du texte sont autant de points qui en font une référence dans le monde du Web Design.
Un petit tutoriel et un parcours du code CSS suffisent à prendre en main ce framework pour peu que l'on connaisse un peu CSS.
Voici un exemple réalisé avec Blue Print. Il est possible d'afficher une grille en fond pour vérifier le bon alignement des blocs de texte et des images :
Je pense que pas mal de mes prochains projets internet vont l'utiliser.
Si j'ai bien compris... on utilise les CSS un peu comme on utilisait <table> "avant". On a une grille, on place nos objets la dedans et voilà.
Si le principe a l'air attrayant puisqu'on arrive plus facilement et plus rapidement à faire ce qu'on veut, il me semble qu'on perd tout l'avantage du css qui est de séparer la forme du fond (et donc de pouvoir changer l'intégralité de l'apparence d'un site uniquement en changeant la feuille de style)
Justement, la forme, c'est bien le rôle du css
Les tables ne doivent être utilisées que pour des données le nécessitant.
Salut
Oui effectivement les tabeaux doivent être utilisé pour des données tabulaires.
Je vous conseilles ce très bon site openweb.eu.org, c'est une autre dimension de l'utilisation de css/xhtml.
J'ai regardé Blue Print, je ne suis pas convaincu.
Voilà une mine d'infos www.alvit.de/handbook/#cs...
j'espère que ça vous plaira.
@+
@Guy KPADJIK : pas exactement : il faudrait plutôt comparer cela à l'établissement d'une grille modulaire comme on en fait beaucoup en print.
Blueprint présente l'avantage de permettre des mises en page type "journal" très à la mode en ce moment, de façon rapide et efficace.
Pour ma part, j'ai récemment lancé Bungee, un framework CSS élastique, permettant de s'affranchir des prises de têtes liées à l'unité em.
Oui, assez d'accord avec toi Guy. J'en reviens un peu de blueprint.
Je m'oriente plus vers des sites compatibles avec des écrans de résolution très différentes (du 800 au 1280 de large). J'ai du mal à trouver un framework qui utilise toute la largeur de l'écran tout en restant très propre.