Bac à sable : Test Blueprint

Après un an sans y toucher, me voilà de retour dans mon bac à sable. Il faut croire que le retour prochain des beaux jours est propice à bidouiller les CSS.
La raison de ce retour est dû à la découverte des framework CSS.
Les frameworks CSS sont un ensemble de feuilles de style qui permettent de concevoir rapidement une mise en page web et surtout compatible avec la majeur partie des navigateurs, en particulier Internet Explorer.

Voilà donc ma deuxième page d'essai de CSS : Bidouillé par Blueprint.

blueprint_test_01.png Il existe pas mal de framework CSS, le premier que je viens de tester est Blueprint.
Comme c'est indiqué dans l'en-tête de la page, c'est un premier essai, très simple par rapport aux possibilités proposées par Blueprint.
La page est simplement composée d'un en-tête, de deux colonnes et d'un pied de page. Juste pour découvrir l'outil.

L'affichage dans quelques navigateurs:

Sous Ubuntu et Firefox 3.5.8 tout se passe bien, normal c'est le navigateur que j'ai utiliser pour mettre en place les CSS.
Sous Ubuntu et Chronium 5 tout est à sa place et le texte passe bien mieux qu'avec Firefox!
Sous Kubuntu et Konkeror 4.3.2, le texte prend moins de place, c'est très visible avec l'image de fond dans l'introduction et puis le tableau et l'image voisine se chevauchent.
Sous Win Xp et Firefox 3.6 le texte est beaucoup moins beau, moins "gras".
Sous Win XP et IE 8 c'est presque parfait, sauf mon background qui n'est plus là!?

En conclusion de ces tests de navigateurs:

rien de ce qui est mis en place à l'aide de Blueprint n'est "déformé" ou "absent" à l'écran!
Même sous IE, Blueprint est donc un outil efficace!

Pour conclure ce test:

Oui, oui et encore oui, l'utilisation d'un framework CSS n'était pas forcement utile pour monter cette page. Mais il faut bien commencer par quelque chose.
Que dire de Blueprint? On ne se prend plus la tête à mettre en page un site mais à trouver la balise blueprint à mettre au bon endroit.
Une fois ce stade passé, c'est vrai que c'est rapide de monter une page simple.

Si j'ai le courage ;-) de poursuivre des essais de Blueprint ou d'un autre farmework CSS je pense que je vais changer le contenu de cette page (plus de texte, d'autres images). Une entorse à une règle du jeu de mon bac à sable qui voulait que le code de la page ne change pas!

Des liens à suivre pour en savoir plus sur Blueprint :
- eclaireur.net : Les framework CSS pour développer des sites plus rapidement.
- CSS 4 design : quelques liens sur les Framework CSS, pensez, si vous ne connaissez pas ce site, à lire les autres billets. C'est une mine d'infos[1]!
- Blueprint : le site de Blueprint!
- Blueprint Grid CSS Generator : Un générateur de CSS pour Blueprint si vous souhaitez modifier les réglages de base.

À l'année prochaine pour une autre expérience! ;-)

Notes

[1] Billet non sponsorisé! ;-)

Haut de page