Si vous développez en JS, vous utilisez certainement la fonctionnalité très utile de firebug permettant d’afficher un message dans la console, console.log(). Le problème, c’est que chaque appel à cette fonction va produire une erreur si firebug n’est pas présent, et donc interrompre l’exécution JS. Pas top sur un site en prod’ si vous laissez par mégarde des console.log() dans le code.

Voici comment désactiver tous les appels à console.log() si firebug n’est pas présent :

if (typeof console != "object") {
	var console = {
		'log':function(){}
	};
}

Vous pouvez bien sur adapter le code pour désactiver console.log() si on est sur le domaine de prod’ même si firebug est présent, ou bien encore ne l’activer que si un certain paramètre est présent dans l’URL, etc …

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 :

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.

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

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.

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.

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.