Et si je vous disais qu'aujourd'hui, le code source de votre site pourrait être réduit des deux tiers, vous faisant économiser autant de bande passante chaque mois?
Votre site serait plus accessible aux utilisateurs non voyants et aux plateformes de navigation de rechange comme les assistants numériques (PDA), serait indexé plus efficacement par les moteurs de recherche et se chargerait des ordres de grandeur plus vite, ce qui rendrait vos clients plus heureux.
Des changements de design à l'échelle du site pourraient prendre quelques minutes plutôt que des jours?
Tout cela est possible en concevant avec les standards et les CSS.
Partie I : l'introduction obligatoire
Quand je pense à la soupe alphabet de termes Web qui ne cessent d'apparaître, je suis à la fois inspiré et intimidé. Chaque année voit naître une foule de nouveaux acronymes à noter, à prioriser et à apprendre, sans fin en vue.
Ce segment porte sur l'une de ces idées qui a mis près d'une décennie à s'imposer. J'ai personnellement adopté les CSS et les standards. Les CSS ne sont pas une révolution, mais une évolution logique de la mise en forme du Web.
Quelques précisions : ce que les CSS sont et ne sont pas
Les CSS sont une composante d'un vaste ensemble de standards du Web proposés par le W3C. Cet organisme sans but lucratif émet et promeut un ensemble de règles universelles qui ne restreignent pas les concepteurs Web, mais rendent plutôt nos créations plus efficaces, interopérables et utilisables.
Les CSS ne sont pas une technologie propriétaire, c'est une méthodologie. Personne ne possède les CSS, comme Macromedia possède Flash.
Les CSS ne donnent pas en soi du style aux sites Web; c'est une technique que les concepteurs utilisent pour réaliser plus facilement leurs visions.
C'est une idéologie et une pratique partagées qui peuvent alléger la charge de travail des concepteurs, faire économiser de l'argent aux clients et rendre les pages plus rapides pour les utilisateurs. C'est à peu près tous ceux qui utilisent le Web! J'imagine que c'est vraiment important, finalement.
Le style par la routine
On dit souvent des CSS que c'est un langage de conception fondé sur des règles. Qu'est-ce que cela signifie pour les concepteurs Web?
La mise en forme d'une page Web peut être vue comme l'équivalent de la chorégraphie d'un numéro de danse. La chorégraphe a une vision qu'elle réalise le plus efficacement en donnant aux danseurs des routines à suivre.
Ces danseurs sont répartis en groupes distincts. Chaque groupe suit une routine établie. Le numéro peut être adapté à n'importe quelle taille, parce qu'une routine existe pour régir les mouvements de tout danseur supplémentaire.
On peut même appliquer des exceptions. On peut demander aux groupes de chaque côté de la scène de suivre une routine principale jusqu'au moment où ils divergent. L'exception peut être aussi simple qu'un côté qui tourne à gauche pendant que l'autre tourne à droite.
Ces niveaux de règles en cascade, dont la spécificité augmente au besoin, sont au cœur de la conception Web avec les CSS.
Une fois établies, ces routines peuvent même être reprises et appliquées à une troupe de danseurs entièrement différente.
Pourquoi une chorégraphe montrerait-elle chaque mouvement à chaque danseur individuellement quand une série de pas s'applique à plusieurs? Si elle est intelligente, elle ne le fera pas.
Assez de théorie. Montrez-moi le code.
Quel genre de leçon de CSS est-ce là? Pas une seule ligne de code n'a été écrite.
Toutes mes excuses. J'aime comprendre le pourquoi avant de m'attaquer au comment.
Au prochain billet, j'ouvre l'éditeur de texte. C'est promis.