Blog Alsacréations

Rien n'est plus énervant que d'avoir à reprendre un code abscons et illisible que l'on ne sait pas comment attaquer. A mon sens, un travail d'intégration nécessite deux qualités essentielles : de la méthode et de la rigueur. Car, autant le graphiste a pour objectif de produire un résultat créatif et parfois un peu délirant, autant l'intégrateur doit -pour sa part- produire un code propre, compréhensible et facilement modifiable par la suite.

Bien sûr, il n'existe pas une manière universelle de coder : chaque personne le fait en fonction de sa logique et de ses préférences. Néanmoins certaines clefs permettent d'obtenir une feuille de style propre et accessible à tous. Voici quelques unes d'entres elle :

Avertissement : il s'agit d'une méthodologie personnelle, reflet de la conception que j'ai d'un fichier CSS, en aucun cas d'une quelconque "règle à suivre" à tout prix.

(Lire "De l'ordre, que diable !")

Benjamin De Cock, membre très actif actuellement du forum Alsacréations (et accessoirement nouveau modérateur), nous a concocté un tutoriel sur les techniques de positionnement assez méconnues en CSS, et pour cause : ces techniques sont actuellement encore mal implémentées par les navigateurs.

Cependant, avec les grands espoirs placés dans le futur IE8 (annoncé courant 2009), et les mises à jour fréquentes des navigateurs devenus courants tels que Firefox, Safari ou Opera (pour ne citer qu'eux), il se peut que ces méthodes de positionnements soient utilisables en pratique dans des temps pas si lointains.

Son tutoriel, "Mise en page CSS avancée grâce à la propriété display" permet d'ouvrir son esprit à une partie du positionnement CSS de demain et se base sur les valeurs suivantes de la propriété display : inline-block, table-cell, run-in et compact.

Merci à Benjamin pour ce tutoriel, tu as bien mérité tes 30 kiwiz