Commentaires sur : Frameworks CSS + Reset CSS : design from scratch

Par : bruno bichet

bruno bichet — Fri, 16 May 2008 15:42:43 +0000

@giz404 je pense que je parlerais surtout de ton travail en faisant deux ou trois comparaison avec BP pour situer un peu les techniques utilisées ;)

Par : giz404

giz404 — Fri, 16 May 2008 14:27:31 +0000

“Blueprint vs Bungee”, aïe, ça va tourner en ma défaveur ça. Bungee n’en n’est qu’à ses balbutiements…

Par : Bruno Bichet

Bruno Bichet — Wed, 14 May 2008 16:15:01 +0000

@giz404 > Depuis ce billet, j’ai commencé à utiliser Blueprint que j’ai trouvé finalement assez bien fait et qui permet de faire effectivement des sites web avec un système relativement browser proof ;)

Seulement, j’ai vite abandonné le bouzin parce qu’à l’usage je trouve que c’est fatiguant de faire l’aller-retour entre la partie html et la partie css pour savoir où j’en suis.

En revanche, j’ai adopté les principes de conception de Blueprint avec les float:left + margin-right qui uniformisent un peu le travail car j’avais l’habitude de mélanger un peu trop les float:left avec les position:relative et/ou absolute en fonction de l’inspiration.

Un des trucs vraiment bien avec BP, c’est la CSS typography.css qui permet d’avoir une belle grille verticale parfaitement lisible.

Bon, maintenant, faut que je teste ton frameworks ! Je ferais sûrement un billet dans le genre Blueprint vs Bungee quand j’aurais tout bien en main ;)

Par : giz404

giz404 — Tue, 13 May 2008 20:34:54 +0000

Quelques mois après, je persiste dans l’utilisation de frameworks, et je passe même à l’étape d’après : je me suis lancé dans la création de Bungee, un framework CSS qui a la particularité d’être élastique. L’idée : obtenir un site au graphisme dépouillé mais très lisible, et élastique sans se lancer dans de complexes conversions px/em qui finissent toujours par échouer pour une sombre histoire d’arrondi…

J’ai essayé d’éviter les écueils des trop gros frameworks tels que Yahoo! UI : Bungee est très léger et ultra simple d’utilisation : son apprentissage est quasi instantané et “n’enferme pas” le designer dans une logique trop spécifique. Le projet n’en n’est qu’à sa naissance, mais je pense qu’il a un avenir dans le sens où aucun framework ne propose d’élasticité aujourd’hui…

Par : Emmanuel GEORJON » Les frameworks CSS

Emmanuel GEORJON » Les frameworks CSS — Tue, 15 Apr 2008 10:41:48 +0000

[...] effectuer quelques tests, pour vous concocter un article. Entre temps, j’ai lu cette excellente traduction de Bruno Bichet, à laquelle je n’ai pas grand chose à [...]

Par : Anonyme

Anonyme — Wed, 27 Feb 2008 17:41:28 +0000

Frameworks CSS + Reset CSS : design from scratch…

Traduction en franas de larticle “CSS Frameworks + CSS Reset: Design Trom Scratch” paru sur Smashing Magazine qui fait le tour des diffrents environnement de travail orients CSS pour l’intgration CSS…

Par : bruno bichet

bruno bichet — Thu, 04 Oct 2007 10:06:34 +0000

Gregoire > Je mets version bêta, car je suis loin d’être un traducteur né : l’anglais était ma troisième langue derrière l’Allemand et l’Espagnol… Donc, voilà ;)

burningHat > Merci pour ces précisions concernant ce Yaml dont j’ignorais tout ;)

loïc m. > A l’occasion tu pourrais nous parler des frameworks de dév. que tu utillise !

Par : Gregoire

Gregoire — Thu, 04 Oct 2007 07:00:22 +0000

Impressionnant ! Même si ce n’est "que" une traduction, en version beta qui plus est, c’est super complet !

Je suis d’accord avec toi sur ta conclusion. Perso, je suis beaucoup plus souvent dans le cas [2] (vous commencez par créer votre mise en page pour la découper ensuite en créant uniquement les éléments HTML dont vous avez besoin) et dans ce cas précis, les frameworks css, c’est plutôt une perte de temps qu’autre chose.

Mais bon, j’essaierai bien Yaml quand même.

Par : burningHat

burningHat — Mon, 01 Oct 2007 21:58:06 +0000

Ce YAML-là est en fait une sorte de manière de structurer un fichier texte et est idéal pour les fichiers de configuration (beaucoup plus poussé/complet que les .ini et moins verbeux que le XML). Surtout très apprécié des RoRiens (ndlr: adeptes de Ruby On Rails) mais utilisable dans tout les langages de prog’ (y a de chouettes librairies pour parser des fichiers .yml en php, python, perl, etc. etc.).

Du coup, apprendre l’existence d’un YAML pour CSS, bah ça facilite pas les choses dans mon esprit ! :D

Par : loïc m.

loïc m. — Mon, 01 Oct 2007 19:37:03 +0000

Très bon article.
Personnellement, je ne suis pas webdesigner dans l'âme : tout ce qui touche de près ou de loin au design d'un site me fait perdre des heures. Mon truc c'est le code brut ;)

Tout ça pour arriver à cette conclusion personnelle : les Framework CSS ne me conviennent pas du tout :x
Je trouve que je perds à chaque fois trop de temps à adapter mes créations aux framework.
Seul quelques parties bien précises peuvent être utiles, comme le précise Bruno dans le commentaires précédent ;)

Je vais me contenter des Framework de développement et laisser ces framework CSS à d'autre :)

Par : bruno bichet (aka br1o)

bruno bichet (aka br1o) — Mon, 01 Oct 2007 15:16:18 +0000

Merci à tous pour les compliments ;)
giz > J’avoue avoir un faible pour le travail artisanal, mais je n’ai rien contre me rendre la vie plus facile pour autant : j’ai testé Blueprint pour faire une découpe intégration relativement simple et bon, j’ai laissé tombé ^^

Ceci dit, le fichier typography.css de Blueprint est bluffant d’efficacité et il suffit de l’inclure dans n’importe quelle feuille de style pour avoir une page qui a de la gueule !

burningHat > Tiens, je ne connaissais pas ce Yaml là ;) (mais jusqu’où s’arrêteront-ils…)

Par : blazouf

blazouf — Mon, 01 Oct 2007 14:36:20 +0000

excellent article !!

Par : j.ducastel

j.ducastel — Mon, 01 Oct 2007 13:38:41 +0000

Impressionnant. Il faut vraiment que je jette un œil à tout ça...

merci pour ce travail !

Par : burningHat

burningHat — Mon, 01 Oct 2007 13:31:14 +0000

Alors là Bravo Bruno ! Du grand art cet article vraiment !!!

Par contre, les gars de YAML auraient mieux fait de se péter une jambe le jour où ils ont choisi leur nom, vu que pendant toute la lecture (jusqu’à ce que j’arrive à ce passage), je me demandais ce que ce format (YAML = Yaml Ain’t Markup Language) venait foutre au milieu d’une histoire de CSS…

Bref, ce genre de confusion dans les acronymes deviennent de plus en plus fréquentes dans l’info (où nous sommes fans d’acronymes, surtout s’ils sont récursifs :p) et ça devient plutôt pénible en plus de nuire à la clarté du discours…

Mais ça mon cher, tu n’y peux rien bien sûr, donc pour ta part, c’est un sans faute ! :D

Par : giz404

giz404 — Mon, 01 Oct 2007 10:17:31 +0000

J’ai travaillé ces dernières années dans une boite où la rapidité d’exécution était primordiale et le copicollage élevé au rang d’art. De plus, nous bossions sur des sites qui reprenaient assez souvent la même structure.
J’ai donc cherché à rationaliser l’emploi des classes et des styles, créé un petit reset.css, afin d’avoir un code le plus simple et le plus réutilisable possible.
J’avais inconsciemment créé un framework CSS, qui a rapidement été adopté par le reste de l’équipe.
J’ai testé par la suite (à des fins personnelles) Yahoo! Grids que je considère comme une usine à gaz, et j’ai découvert récemment Blueprint, qui est vraiment réussi.
Très simple et rapide à prendre en main, il conviendra à tous ceux qui souhaitent faire des sites orientés publication (pas sûr que l’emploi d’un framework CSS soit adapté au développement de l’interface d’une application web…)
En outre, il permet d’obtenir rapidement un rendu correct, même lorsque l’on ne peut pas consacrer beaucoup de temps au graphisme du site. Accessoirement, les framework gèrent les problèmes de rendu inter-navigateurs, ce qui représente là encore un gain de temps des plus appréciables.
En bref, je suis conquis par ces nouveaux outils, tout en gardant à l’esprit qu’il faut les utiliser avec discernement.