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.
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 ?
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 %).
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 ^^)
PooLP :
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 😉
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.
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
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 » !
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 ^^)
« 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!