Emuler l’attribut CSS :first-child sous IE6

June 12th, 2008

L’attribut CSS :first-child est bien utile dans de nombreux cas. Pour rappel, il permet de cibler le premier enfant d’un élément.

Par exemple, via le code suivant, vous aurez le premier div enfant du div “monDiv” qui sera rouge, et les deux autres verts :

HTML :

<div id="monDiv">
	<div>Hello</div>
	<div>Crazy</div>
	<div>World</div>
</div>

CSS :

div#monDiv div {
	background-color:green;
}

div#monDiv div:first-child {
	background-color:red;
}

Ca qui donnera :

Hello
Crazy
World

IE6 ne gérant pas l’attribut first-child, nous allons l’émuler via du javascript directement dans le CSS via la propriété expression :

div#monDiv div {
    background-color: expression(this.previousSibling==null?'red':'green');
}

Comme vous avez sans doute compris, la propriété expression permet de mettre du code JS dans la feuille de style CSS, en ayant le keyword this associé à l’élément. Cela ouvre pas mal de possibilités (welcome to the dark side).

Ce code ne valide pas, donc est a mettre dans une feuille de style à part via des conditional comments.

A noter que ce code ne fonctionnera pas si le javascript n’est pas activé. Néanmoins, à l’heure actuelle, AMHA on est est plus a faire des sites devant fonctionner parfaitement sur IE6, mais simplement des sites fonctionnant convenablement, donc cette solution est acceptable.

Le hack CSS Safari !

April 22nd, 2008

J’avais un peu galeré pour le trouver celui là ;-) En fait il cible les moteurs KHTML et WebKit, c’est à dire toutes les versions de Safari, et Konqueror.

html[xmlns*=""] body:last-child ... { ... }

Testé avec Konqueror 3.5, Safari 1.2 Mac, Safari 1.3 Mac, Safari 2.0 Mac, Safari 3.1 Mac, Safari 3.1 Win, IE6, IE7, IE8, FF1.5, FF2, FF3

Ce hack est valide CSS3, mais pas CSS2.

Source : BTreeHugger’s Blog

Mise à jour de Better Netvibes

March 30th, 2008

Depuis le passage à Ginger, mon script ne fonctionnait plus. J’ai fait le nécessaire pour que cela marche de nouveau, apparemment ils ont fait quelques changement dans le code JavaScript.

Pour downloader la nouvelle version, c’est par ici.

Show Address, petite extension pour Thunderbird

March 30th, 2008

Une petite extension toute simple pour Thunderbird, Show Address. Elle permet d’ajouter une colonne “Sender MailAddress” dans la liste des mails, affichant l’adresse de l’expéditeur (par défaut c’est le nom de l’expéditeur).

Attention, la version sur le site de Mozilla n’est pas à jour et ne marche pas sur Thunderbird 2.0.0.12, il faut donc aller télécharger la dernière version directement sur le site de l’auteur.

Sortie de Green Chaud, mon thème de couleurs pour Aptana

March 12th, 2008

Et voilà, cela fait plusieurs mois que j’utilise un thème perso pour Aptana, je me suis dit que certains d’entre vous pourraient être intéressés !

C’est un thème “light on dark”, avec un fond sombre donc, ce qui est moins fatiguant pour les yeux que le thème standard.

Je vous laisse aller voir la home page de Green Chaud.

Sortie de Better Netvibes version 0.1

January 18th, 2008

Je viens de mettre en ligne Better Netvibes, mon premier script Greasemonkey :-)

Ce script est destiné à Netvibes, pour l’instant il rajoute deux fonctionnalités :
- La possibilité de rafraichir tous les flux RSS d’un seul click.
- La possibilité de marquer tous les flux RSS comme lus d’un seul click.

Je vous laisse aller voir, ça se passe par ici.