Les frameworks CSS sont le nouveau format A4

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Les frameworks CSS sont le nouveau format A4

Les logiciels de création graphique proposent un menu Fichier avec une entrée Nouveau pour créer un nouveau document en réglant des paramètres comme la taille, la couleur de fond, le nombre de couleur, la résolution, etc. J’ai déjà abordé la question des paramètres par défaut pour le Webdesign dans l’article Quelques notes sur les grilles de mise en page et je me demande aujourd’hui dans quelle mesure les frameworks CSS peuvent être considérés comme l’expression des réglages de base pour commencer la création d’un site Web ?

On a toujours besoin d’un standard pour travailler

Quand on y réfléchit, on trouve un format de base dans tous les logiciels et personne ne se pose la question de savoir si le format par défaut proposé par Word ou OpenOffice représente un frein à notre créativité littéraire.

Les formats des feuilles de papier pour les documents destinés à l’impression sont très variés, mais dans la majorité des cas vous choisissez le format « A4 » car c’est celui qui est pris en charge par votre imprimante et tout un éco-système qui va des chemises cartonnées aux cartables en passant par les boites de rangement. D’ailleurs, le format international issu de la norme ISO 216 qui nous a donné le format A4 est utilisé dans tous les pays du monde, sauf aux Etats-Unis et au Canada (source : Wikipédia).

Une seule largeur pour les gouverner tous ?

Vous pensez peut-être que sur le Web la diversité des configurations matérielles interdit justement l’imposition d’un format unique ? En théorie, c’est le cas, mais la pratique et l’observation nous apprennent que 99% des sites Web sont conçus pour entrer dans une largeur de 1024 pixels, ce qui nous donnes des largeurs moyennes utiles proches des 960 pixels que l’on trouve dans de nombreux frameworks CSS.

Choisissez votre framework CSS !

Dans une certaine mesure, les formats proposés par les frameworks CSS remplissent le rôle d’une configuration par défaut pour produire des sites Web comme on produit du texte avec OpenOffice… et ce n’est pas mal : les thèses estudiantines méritent autant que les ouvrages d’art le droit d’exister ! Il en va de même pour les sites web : certains sont «utilitaires» et d’autres à vocation artistique. Pour vous guider dans le labyrinthe des solutions disponibles, voici plus de 30 frameworks CSS commentés qui vous permettront de choisir les réglages par défaut les plus proches de vos besoins. Si vous n’arrivez pas à trouver chaussure à votre pied, l’application Air Boks vous permettra de déterminer le pas de votre grille et bien d’autres choses encore.

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



13 commentaires pour “Les frameworks CSS sont le nouveau format A4”

  1. [...] This post was mentioned on Twitter by br1o les bons tuyaux, Valéry-Xavier Lentz, Nicolas C., Emmanuel Nurit, michel nkuindja and others. michel nkuindja said: RT @br1o: [Nouveau billet] Les frameworks CSS sont le nouveau format A4 http://j.mp/a72z6x [...]

  2. PooLP dit :

    Bonne réflexion, même si j’estime que les Framework CSS ne servent pas au Webdesigner qui connait bien les CSS (mais je peut me tromper ;)), une question quand même :

    Pourquoi vouloir choisir un format de base quand on sait que l’avenir est au structure dynamique pour un meilleur affichage selon les supports ?

    en gros, peut-on ou/et est-ce utile d’utiliser un Framwork CSS pour du responsive WebDesign ?

  3. Bruno Bichet dit :

    PooLP — En ce qui me concerne, je les trouve utiles pour la phase de « prototypage avancée » (emplacement, taille des blocs, etc.) mais sinon, pour la mise en ligne, j’ai tendance à supprimer les classes du FW, ce qui est le cas sur ce blog, par exemple. Mais, ça ne veut pas dire qu’un bon webdesigner doit ou ne doit pas utiliser de FW, ce qui serait aussi absurde que de dire qu’un bon conducteur de devrait pas utiliser de GPS pour ses déplacements. La conduite assistée c’est bien et savoir s’en passer, c’est bien aussi ^^

    Pour ce qui est du responsive Webdesign, ma foi, il existe de nombreux Frameworks qui fonctionnent avec des valeurs relatives (em ou %).

  4. PooLP dit :

    Utiliser un framework (et bien l’utiliser), faire son positionnement, nettoyé après … Et tu gagne du temps avec cette méthode ?

    J’ai une impression de lourdeur, mais j’essaierai sérieusement pour voir la réel utilité ;) … (faut juste faire abstraction du nommage des class/id ^^)

  5. Bruno Bichet dit :

    PooLP :

    Et tu gagne du temps avec cette méthode ?

    Franchement, je ne sais pas, ce n’est pas non plus le but, c’est juste que j’aime bien tester différentes méthodes et que les frameworks css ont chacun des astuces intéressantes que je picore ça et là.

    Et puis, c’est assez plaisant de balancer le FW et positionner ses blocs en ajoutant des classes toutes simples dans le HTML sans se soucier de la CSS.

    C’est ce que j’appelle faire du Mockup CSS, genre : http://css4design.com/framework-css-mockup-prototypage-rapide ;)

    • PooLP dit :

      Effectivement, je suis plus orienté productivité …

      C’est là, ou il manque des outils comme un applicatif pour « dessiner » c’est block par rapport à une grille comme on a sur les logiciel de PAO. (je me souvient d’un thème wordpress qui avait ce principe pour placer quelque block, je me souvient pas du nom) … avec ce type d’outils, je voit bien l’intéret d’un FW.

  6. Sebus dit :

    Les frameworks CSS… On en parle beaucoup en ce moment ! Je trouve ça très bien ! Je m’en sers tout le temps !

    J’utilise systématiquement BluePrint (fallait bien en choisir un) et je gagne du temps à tout les niveaux : construction, modification, test, et aussi et surtout au niveau de la transmission du code entre personne. Sans compter que j’ai pu ainsi former une personne novice en css à la construction en très peu de temps, et que l’on peut à présent aller dans le détail, petit à petit…

    En bref, c’est un peu comme les tableaux HTML, quand je dois en faire (rare à présent) et bien je prend Dreamweaver. ça fait 10 ans que j’en fait, je peux pas dire que ça m’excite de le faire à la main (!). Pourtant je connais par coeur.

    Sebus

  7. LoïcG dit :

    La veille du week-end (deuxième)…

    Ami lecteur, voici venir (avec un peu de retard) la seconde veille du week-end, avec au menu du SEO, du web-design, du HTML et un peu de technique. Du SEO (et des astuces pour Google Analytics) : Astuces sur le .htaccess orientées sécurité et SEO : via…

  8. Immobilier dit :

    Nan, je pense que ça n’a rien à voir.

    Les formats de papier étaient… pour le papier. Qui dit papier, dit découpe, ou format tout prêt pour les imprimantes, …

    Les « CSS » sont dédiées (principalement) aux documents électroniques, dont la représentation est sensée est indépendante du support.

    De plus, « standardiser » les tailles des sites web est une aberration (que tout le monde emploie, moi la première). Les sites devraient tous être basé sur des « liquid layout » !

  9. [...] Les frameworks CSS, le nouveau format A4 : via @br1o [...]

  10. LoïcG dit :

    J’utilise fréquemment 960gs comme base de travail. Ca évite de se cogner toutes les parties « basiques » de l’intégration (genre le reset, et la grille ^^)

  11. Kurt dit :

    « Mais, ça ne veut pas dire qu’un bon webdesigner doit ou ne doit pas utiliser de FW, ce qui serait aussi absurde que de dire qu’un bon conducteur de devrait pas utiliser de GPS pour ses déplacements. La conduite assistée c’est bien et savoir s’en passer, c’est bien aussi » Je ne pouvais mieux dire!!C’est l’explication parfaite!

  12. [...] Les frameworks CSS sont le nouveau format A4 [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site