Voici donc un code que je viens de pondre, parce que je pense qu'il pourra être utile, aussi bien pour vous que pour moi J'utilise ici le framework Mootools 1.2 , mais je pense que c'est facilement adaptable à d'autres. Le principe est simple, on utilise une "faille" du CSS qui consiste à récupérer le style de liens après avoir appliqué un style particulier aux liens visités ("a:visited").

Une petite démo pour commencer : checkvisited.html

On va donc commencer par faire un peu de CSS :

C'est tout pour le CSS !
Maintenant, le Javascript :

Ces deux implémentations permettent de vérifier une URL ou une liste d'URLs.

On va reprendre l'exemple des réseaux sociaux que traite Aza Raskin dans son article. D'abord, on crée un conteneur pour l'affichage du résultat :

Ensuite, on crée la liste et on la traite :

C'est fini !

Chez moi, ça fonctionne impeccablement avec Firefox 3, Opéra 9.5, IE 6, et IE 7.
Si vous avez un problème d'incompatibilité ou une suggestion, n'hésitez pas ! Par exemple, on pourrait, comme Aza, traiter pour une URL quelconque l'URL avec et sans les "www".

Merci de me faire un petit lien de retour si vous utilisez ce script quelque part

On peut faire plus simple, certes, mais contrairement à ce qu'on peut voir habituellement, cette fonction traite véritablement tous les accents existants, et fonctionne avec tous les encodages.

Pour ajouter le bookmarklet à votre navigateur, glissez-déposez ce lien dans vos favoris :

Ensuite, pour afficher les différentes versions d'une page web, il vous suffira de cliquer sur "Archives" dans vos favoris

Un petit moyen de plus pour augmenter le référencement de votre site ou de votre blog, et de recueillir des visiteurs égarés : je vous présente Tagzeo, que l'ami Rob vient de mettre en ligne.

Une inscription rapide à ce service vous permettra de réserver un mot clé sur la page d'accueil de Tagzeo, avec un lien vers votre site. Cela peut devenir intéressant pour le référencement de votre site si Tagzeo vient à être connu. Surtout que les bons mots clé ne sont pas encore réservés, alors dépéchez-vous

Un système de points vous permettra de mettre en avant votre mot clé en lui rajoutant de la couleur, en le mettant en gras ou en lui augmentant sa taille. Evidemment, les points sont payant. Un reproche toutefois : ces modifications ne tiennent pas compte de la sémantique, et ne seront donc pas perçues par les moteurs de recherche (tout est en CSS).

Pourquoi utiliser des services comme del.icio.us alors Firefox 3 gère très bien les marque-pages, surtout avec la "barre géniale" ? Peut-être pour l'aspect "social" me-direz vous, je m'en fiche, passons.

Ce que je voulais, c'est utiliser simplement mes marque-pages avec Firefox, mais qu'ils restent les mêmes sur les différents PC que j'utilise, et que je puisse y accéder de n'importe où. C'est là que Foxmarks intervient : il suffit de s'inscrire sur leur site, et de télécharger l'extension.

L'extension est discrète et configurable, elle synchronise automatiquement les marque-pages avec le site my.foxmarks.com, ce qui permet de toujours les avoir sous la main. De plus, l'interface du site est très bien faite, en Ajax et companie :-)

En passant de Firefox 2 à Firefox 3, j'avais eu beaucoup d'emmerdes, par exemple : police de caractères trop petite, crashs incessants, plus de restauration des crashs. Du coup, j'étais tout de suite repassé sur la v2. Sauf que j'avais aussi beaucoup de crashs avec la v2, et je me suis dit que ce devait être parce que je me trimbalais le même dossier de config depuis des années (il est passé par Windows, Kubuntu, Ubuntu...). Et en effet, c'était à cause de ça !

Je vais donc expliquer rapidement comment passer proprement à Firefox 3 en conservant ses mots de passe et bookmarks.
Avant de désinstaller Firefox 2 et d'installer Firefox 3 :

• Créez un nouveau dossier quelque part, qu'on va nommer ici backup.
  
  
• Rendez-vous dans le dossier de configuration de Firefox :
  Sous Linux : /home/user/.mozilla/firefox (remplacez user par votre nom d'utilisateur... on sait jamais...)
  Sous Windows : C:\Documents and Settings\all users\Application Data\Mozilla\Firefox\Profiles (je suis trop gentil...)
  
  
• Dans ce dossier, vous trouverez un dossier avec un nom bizarre, qui est celui de votre Profil. Entrez dedans, puis copiez les fichiers bookmarks.html, key3.db, signons2.txt, et signons3.txt (s'il existe) dans votre dossier backup.
  
  
• Désinstallez complètement Firefox 2. Pour cela :
  Passez par votre gestionnaire de paquets favori (ou apt-get si vous êtes quelqu'un de bien) si vous êtes sous Linux, ou par le panneau de configuration de Windows.
  Puis supprimez le dossier de configuration.
  
  
• Installez Firefox 3
  
  
• Récupérez les bookmarks :
  Dans Firefox 3, rendez-vous dans le menu "Bookmarks" => "Organize Bookmarks". Puis cliquez sur "Import and Backup" => "Import HTML". Et là, sélectionnez le fichier bookmarks.html dans votre dossier backup.
  Les booksmarks de la barre personnelle ne se mettront pas automatiquement au bon endroit, il suffit de les déplacer.
  
  
• Récupérez les mots de passe :
  Fermez Firefox 3. Supprimez les fichiers key3.db, signons2.txt, et signons3.txtdu dossier de configuration, puis placez ceux de votre dossier backup à la place.

Vous pouvez ensuite redémarrer Firefox 3, avec vos bookmarks et vos mots de passe !
Cette configuration sera propre, et risquera donc moins de faire des imprévus.

Pour les plugins, je conseille de simplement les réinstaller, car de toute façon, ils ont presque tous une nouvelle version, et certains ne sont pas encore compatibles.
Les plugins sont ici : https://addons.mozilla.org/fr/firefox/

Avant tout, un petit exemple en PHP pour illustrer mes conventions :

Notation :
J'utilise la notation lowerCamelCase pour nommer mes variables, fonctions, classes, et méthodes.

Indentation :
Tabulation de la largeur de 4 espace.
Je prends soin de bien indenter tout les blocs. Logique diront certains, mais ce n'est pas le cas partout...

Accolades :
Accolade ouvrante à la fin de la ligne de définition de la boucle. Accolade fermante sur une nouvelle ligne, au même niveau que la définition de la boucle.
Pas d'accolades pour un bloc mono-ligne. (par exemple un if suivi d'une seule instruction).

Espaces :
Pour les virgules et les point-virgules : pas d'espace avant, un espace après.
Pas d'espace entre les noms de fonction et la parenthèse ouvrante. Idem pour les boucles.
Pas d'espace entre la parenthèse fermante et l'accolade ouvrante dans les boucles.
Pas d'espace entre le else et le if dans les else if.
Un espace de part et d'autre des opérateurs de modification (=, +=, *=, ...).
Pas d'espace pour les opérateurs de comparaison (==, <=, >=) et pour les opérateurs de modification dans les boucles (for, while, if), sauf pour les longues expressions.

Guillemets
En php, j'utilise uniquement les guillemets simples (apostrophe), sauf pour afficher des caractères spéciaux (\r, \n ...).
Dans les autres langages, des guillemets doubles.

Commentaires
En moyenne un commentaire mono-ligne toutes les 10 lignes, avant un bloc, pour expliquer ce qu'on fait. Je pense qu'ils sont important pour la compréhension générale du code, mais qu'il ne faut pas en abuser.
Pas de bloc de 30 lignes au début des pages, au pire 2 ou 3 lignes.

Allez j'ai envie de faire mon chieur, je crée une chaîne ! Je tague divarvel, Darklg, Babozor, et TomClarks qui seront obligés conviés à décrire à leur tour leurs conventions sur leur blog et faire suivre la chaîne

Certains webmasters recopient simplement l'intégralité de leur site dans un autre dossier ou sur un autre domaine, puis le traduisent. Oublions tout de suite cette solution... Il faut donc opter pour une solution dynamique, que je traiterai ici en php.

URL et détection de la langue

Avant de traduire le site, il faut être capable de détecter la langue du visiteur, de lui proposer de changer de langue, et de mémoriser son choix :

Ce code devra être appelé au tout début de chaque page du site. Nous avons maintenant notre moyen de détection et de mémorisation de la langue.

Ensuite, nous allons prendre l'exemple d'URLs du type http://www.monsite.com/lang/page.html, ce qui a l'avantage de bien référencer toutes les pages dans toutes les langues traduites. Mais nous pourrions tout aussi bien garder des URLs classiques dans le cas d'un service accessible uniquement aux utilisateurs connectés : par exemple Twitter. La langue serait alors enregistrée dans les paramètres de l'utilisateur.

Pour cela, mettons en place un .htaccess avec de l'URL Rewriting à la racine :

Proposons maintenant au visiteur de choisir sa langue tout en restant sur la même page, au cas où elle aurait été mal détecté (navigateur en anglais pour un français par exemple) :

Stockage des traductions

On peut imaginer deux solutions de stockage pour les textes traduits. J'ai retenu la deuxième :

1- Première solution : Une fonction getText choisissant entre plusieurs textes proposés. Par exemple

2- Deuxième solution : Le stockage des textes dans divers fichiers : un fichier par langue. L'avantage ici est qu'on peut traduire (ou faire traduire) le site en ajoutant simplement un seul fichier. Nous stockerons les fichiers en.php, fr.php, et it.php dans un dossiers langs. Il suffira d'ajouter cette ligne après la détection de la langue :

Ensuite, nous avons encore le choix entre plusieurs méthodes de stockage. Les deux principalement utilisées consistent soit à créer une constante par texte, soit un grand tableau avec une entrée par texte. La méthode des constantes a l'avantage d'être performante mais n'est vraiment pas propre. Celle du tableau n'est pas non plus des plus performantes. Je parle bien sûr ici pour une grande échelle : prévoyons 15 000 entrées pour voir réellement les différences entre les méthodes.

Je vais vous proposer une autre méthode, une sorte de compromis, mais performante, pratique, et plus lisible. Elle consiste à utiliser une classe pour stocker les textes sous forme de constantes. Ces constantes restent dans la classe, c'est donc propre, l'accès y est très facile, et les performances sont très bonnes (j'avais fait un benchmark il y a quelques mois, mais je ne l'ai plus sous la main...). Nous allons donner un nom très court à cette classe, par exemple "_". Voici un exemple pour le fichier fr.php, il suffit ensuite de copier le fichier et de le traduire pour les autres langues :

Puis pour afficher le texte :

Et voilà, j'espère que ce tuto pourra servir à quelqu'un. Qu'en pensez-vous ? Quelles solutions utilisez-vous ?

Dans l'ensemble, la soirée était bien organisée et très sympa. Le buffet était impeccable et gratuit, et l'endroit bien adapté à ce type d'événement. Un grand merci à à Vinz, Ulrich, Lucie et Pierre pour l’organisation !

Comme j'ai la méga flemme de mettre une galerie d'image, je vous balance un zip des photos que j'ai prises. Il y en a pas mal de floues mais bon...

Mixblog-juin-2008.zip

Et puis en bonus :

 
Le Roux dans toute sa splendeur

Caricature de moi par MonsieurDream 

EDIT : Voilà une des photos dossier de la soirée : http://www.monsieurdream.com/index.php/2008/06/18/459-pirate-par-roi-heenok/