Et si, aujourd'hui, on s'intéressait aux frameworks CSS ? L'idée est la même : lorsque vous mettez en forme un nouveau site, vous passez votre temps à copier-coller bêtement des bouts de code ou astuces que vous avez déjà appliqué auparavant. Ces mêmes bouts de code qui vous avaient mangé des heures et des heures, avant d'être compatibles avec l'ensemble des navigateurs du marché (IE6 compris ?). Bref, le framework CSS permet de donner une structure à tout ce travail, en ce passant des copier-coller, rechercher-remplacer. Fun, non ?
Prenons un exemple. Blueprint. Avec quelques classes, vous coupez votre espace de travail en 24 colonnes. Puis, vous créez vos menus, blocs, etc. Un bloc de 12 colonnes au centre, deux autres de 6 colonnes de part et d'autre. Deux lignes de code, votre design est sur pieds.
Un exemple peut être ? Regardez cette page. Des blocs par-ci, des blocs par-là, et pourtant, le mettre en place est un jeu d'enfant. Honnêtement, en partant avec une feuille de style vierge, combien de temps auriez-vous mis ? Deux heures ? Peut-être une seule, en négligeant certains navigateurs obsolètes ? Avec le framework, 20 minutes. En comptant la pause café.
Cerise sur le gâteau, Blueprint propose un tas de petits plugins, vous permettant par exemple d'ajouter facilement des boutons, des petits icônes ou même de nouvelles typographies. Bref, une communauté riche, un système de base léger, évoluable à souhait.
Bien entendu, il existe des concurrents. Un des plus connus, 960 Grid System. Niveau fonctionnalités de base, il est largement à la hauteur. Il propose peut être un peu moins de plugins, mais ce n'est pas vraiment dérangeant. Il y a aussi le très bon 52Framework, tourné vers l'avenir en utilisant HTML5 (et ce, depuis un moment). Il est cependant plus complexe à prendre en main.
Bref, à vous de faire votre choix, j'ai fait le mien. Blueprint.
Pour aller plus loin :
Vos réflexions
J'aurai bien aimé une petite sélection de plugins de ta part justement... Mes petites recherches ne m'ont rien montré de très intéressant...
Personnellement, si je devais utiliser un framework css, c'est blueprint que j'utiliserai car j'avais bien aimé la logique et l'apprentissage était très rapide. Néanmoins, j'ai fait le choix de n'utiliser que la partie typographique... N'étant pas un grand fan des grilles, j'ai supprimé cette partie de mon code CSS.
L'un d'entre eux, que je trouve sympa :
http://blueprintcss.org/demos/tabs.html
Je ne sais pas si on peut les classer dans la même catégorie mais j'utilise le framework CSS de JQuery UI. D'après ce que je vois Blueprint est beaucoup plus complet.
Mais quid de l'intégration JQuery UI + Blueprint ?
Merci pour l'info, sachant que je vais me remettre à coder après le bac ça pourra mettre utile ce frameworks ;)
@Bruno Bichet : Il s'agit d'un framework fait-maison, ou tu as réussi à dénicher une perle rare ?
Tu te poses pas de questions avec ces frameworks, tu déroules, c'est ce qui est bien.
@bruno : tu peux nous en dire plus ? Ça m'intéresse (je beta teste ;) )
jQuery UI permet d'harmoniser une apparence graphique sur tous les navigateurs avec les même comportements.
En gros, si tu veux faire une webapp tu peux utiliser jQueryUI pour être sur que le design sera identique partout et que tu pourras développer des fonctionnalités facilement vue que jQuery UI fourni plein de composants...
A essayer!
il doit y avoir moyen de gagner du temps ?
En plus la plupart des frameworks sont assez complexe habituellement, mais là c'est tout le contraire.
Ca va faire des heureux!