Le principe est plutôt simple: utiliser les favicons comme des avatars décentralisés. La taille est suffisamment grande pour que chacun ait une image personnalisée et pas trop pour ne pas représenter des images choquantes. Le système est plaisant mais comment l'intégrer au blog ?

J'ai commencé à imaginer un système qui récupère les favicons en PHP (fopen distant par exemple), les met en cache et les affiche dans le template mais ce serait sortir l'artillerie lourde pour pas grand chose. Finalement, je me suis tourné vers une solution encore plus simple et légère: faire faire le travail par le navigateur avec un peu de javascript.

Pour le moment, cela donne quelques lignes de javascript écrites rapidement:

function dcFavatar(){
    var comments = document.getElementsByClassName('comment-info');
    for (var i=0; i<comments.length; i++){
        link = comments[i].getElementsByTagName('A');
        if (link.length > 1){
            var img = document.createElement("IMG");
            img.className = 'favatar';
            img.src = link[1].href+'favicon.ico';
            img.style.display = 'none';
            img.onload = function(){
                this.style.display = 'inline';
            }
            link[1].parentNode.insertBefore(img, link[1]);
        }
    }
}

Il faut noter que ce bout de code utilise la méthode getElementsByClassName de prototype.lite.js. À remplacer par votre getElementsByClassName préférée.

Pour ceux qui se posent la question de savoir ce qu'il se passe lorsque Javascript est désactivé, je répondrais qu'ils n'auraient rien remarqué si je n'avais pas bloggué sur le sujet ;)