Florent Verschelde lance le projet de rédiger un guide stylistique (charte rédactionnelle ou conventions de codage) pour les langages HTML et surtout CSS sous l’égide d’Alsacreations. Une description de ce projet est disponible dans ce document. Voici ma modeste contribution à cette première étape du projet qui consiste en deux séries de questions pour sonder les professionnels du web sur leurs habitudes de travail en matière de mise en forme du code. Voulez-vous en savoir plus ?
tag » Commentaires conditionnels
IE6 — Gérer la transparence du format PNG 24 bits
Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre AlphaImageLoader. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un background-repeat ou d’un background-position ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) Voulez-vous en savoir plus ?
Un seul fichier CSS pour cibler IE6 et IE7 avec les commentaires conditionnels
Les hacks CSS, c’est pas bien ; les commentaires conditionnels, c’est mieux. Pour autant, je ne vois pas d’inconvénient à utiliser quelques hacks à l’intérieur d’une feuille de style réservée à Internet Explorer à l’aide des commentaires conditionnels. En effet, pourquoi ajouter une requête inutile en ciblant chaque version de IE quand on peut régler le problème une fois pour toute ? Voulez-vous en savoir plus ?
Pour rétablir le flux après un float, vous êtes plutôt HR, BR ou DIV ?
Dans le prolongement du billet précédent concernant une mise en pages CSS avec la propriété float, je me suis intéressé aux différentes manières de styler la balise hr pour rétablir le flux après en avoir sorti des éléments en les faisant flotter à gauche ou à droite. J’utilise généralement hr avec le traditionnel clear: both et visibility: hidden et je jongle ensuite avec les marges ou la hauteur pour espacer les éléments. Or, depuis que j’utilise le reset.css d’Eric Meyer, j’ai tendance à supprimer les marges de tout ce qui bouge, mais cette chère règle horizontale reste récalcitrante à la remise à zéro cross browser… Voulez-vous en savoir plus ?
Twitter : Signal social, microblogging et moblogging
Dans la série je suis un garçon influençable, en voici la preuve : comme tout le monde, j’ai entendu parler de Twitter qui permet de laisser des traces de ce qu’on est en train de faire. Ce site se situe à à mi-chemin entre le microblogging , le moblogging et le signal social. Votre status est visible par tous sur la page d’accueil de Twitter pour participer au Zeitgeist ; par vos amis pour garder le contact ; ou bien encore sous la forme d’un widget à placer sur un blog pour permettre à vos lecteurs de suivre votre vie quotidienne… ou pas. C’est vous qui écrivez, c’est vous qui choisissez ! Voulez-vous en savoir plus ?
Feuille de style CSS conditionnelle avec Conditional CSS
Conditional-CSS est un programme écrit en php4 et php5 (au choix) qui permet d’utiliser des commentaires pour cibler une dizaine de navigateurs par leur nom et leur version, à la manière des commentaires conditionnels ciblant les différentes versions d’Internet Explorer. Voulez-vous en savoir plus ?
10 commentaires » | Publié dans Intégration web, Navigateurs