Traduction d'un schéma très rigolo publié en anglais sur le site monster-munch.com :

Dans la série, j'ai souvent eu à écouter les problèmes de Freebox de mon interlocuteur ("ah t'es dans l'informatique ? ça tombe bien...").

Yahoo UI et JQuery sont deux frameworks Javascript qui simplifient la gestion d'Ajax, la mise en place d'interfaces clients riches et les interactions au sein des pages Web. La ressemblance s'arrête là. Car c'est un peu comme si on comparait une multinationale à la start-up du coin (comme leurs créateurs d'ailleurs). A ma gauche, YUI, solide, bien structuré, dont chaque extension est calibrée à la ligne de code près ; à ma droite, JQuery, rapide, dynamique, et doté d'une armada d'extensions de qualité très variable. Petite revue de détail.

> Voir la suite

Un lecteur webmaster m'a consulté sur la manière d'optimiser un site professionnel pour le référencement. Il a, comme c'était expliqué dans les manuels de l'an 2000, défini tous les meta-tags mais son site ne sort pas dans les résultats de recherche. Et contrairement aux blogs qui intègrent dans leur moteur les règles de SEO (optimisation pour les moteurs de recherche), un site créé à la main va demander un grand nombre de modifications pour gagner en visibilité.

> Voir la suite

A l'heure de mettre en ligne une FAQ qui devra être mise à jour par un néophyte, je me suis posé la question suivante : comment concilier la souplesse de mise à jour avec le dynamisme de javascript ? Simple : créer le HTML d'abord, et laisser JQuery animer le tout.

> Voir la suite

Billet rapide pour fêter la nouvelle version du Potlatch. Nouveau design sur 3 colonnes, pour mettre plus de choses et s'adapter à l'agrandissement des écrans. Le logo est plus pro et de discrets effets de transparence donnent de la profondeur - sauf sur Internet Explorer 5 qui en restera à des aplats grisâtres : il faut savoir tourner la page des technologies dépassées.

Il y aura sans doute pas mal d'ajustements et d'ajustements dans les prochains jours. Ta panta rei, ouden menei

On avance, on avance. Sur votre mur de flux RSS, vous pouvez désormais afficher les photos classées par jour. Vous pouvez ainsi voir en un clin d'oeil ce qui a changé depuis votre dernier passage.

Petit truc : les flux de Flickr marchent très bien.

Mon mur de flux

Votre mur de flux

Je vous présente mon dernier projet personnel, un agrégateur de flux RSS photo. Alors que la plupart des lecteurs RSS (Google Reader et autres Technorati) vous présenteront les informations sous forme de longs discours, le Mur de Flux va puiser dans vos flux RSS/Atom pour n'en garder que les images. Il les affichera alors une mosaïque de flux visuels.

Vous pouvez vous inscrire pour créer votre propre liste de flux qui sera consultable par d'autres internautes.

Le projet est en bêta, donc signalez-moi les bugs, flux incompatibles et autres remarques d'ordre général.

Le Mur de flux du Potlatch

Je suis fier de présenter notre dernière réalisation :

Le site de l'achat socialement responsable

Un gros travail de design et d'intégration de contenus, "réalisé en un temps record" dixit Martin Hirsch, Haut Commissaire aux solidarités actives.

Je suppose qu'il n'y a pas beaucoup d'acheteurs publics ou de contribuables payant l'ISF parmi les lecteurs de mon blog, mais au cas où, n'hésitez pas à aller soutenir les structures de l'insertion par l'activité économique.

Le laboratoire est en pleine effervescence depuis quelques jours. Je vous propose un petit utilitaire en ligne pour tous ceux qui publient de longs articles et qui peinent à en tirer des mots-clés pertinents. Il vous suffit de copier-coller votre texte dans l'application, et WAOUH ! Un nuage de mots clés apparaît, mettant en évidence les mots les plus fréquents dans votre texte. Il vous suffit alors de cliquer pour "piocher" vos tags et de choisir un séparateur (espace, virgule, point virgule...). Petit bonus, les articles et les déterminants sont éliminés, et les mots commençant par une lettre accentuée ne sont pas reléguées à la fin comme sur les outils anglo-saxons (voire purement et simplement éliminés). Bête comme chou, mais très utile.

Testez le Générateur de tags en ligne

Les spams dans les commentaires de blogs sont une plaie. Divers tests de Turing (aussi appelés Captchas) visent à séparer les robots des êtres humains, allant de l'image plus ou moins lisible au questions les plus absconses (« quel est le troisième chiffre dans la chaîne 012345 (en chiffres) ? »). Voici une méthode, simple et, d'après mon expérience, plutôt efficace pour tromper les spammeurs. Explications.

> Voir la suite

Même si leur usage a été banni dans la mise en forme de pages au profit des DIV, les tableaux sont un outil de choix dès qu'il s'agit d'afficher des données sous forme de lignes et de colonnes. Il reste cependant difficile de créer des tableaux lisibles et conformes aux standards. Voici un condensé de bonnes pratiques pour styler vos tableaux, qui n'a rien de révolutionnaire mais vous fera peut-être gagner du temps.

> Voir la suite

L'extension ColorZilla pour Firefox permet depuis longtemps de copier-coller une couleur en survolant la page avec une pipette. La nouvelle version débarque avec une fonctionnalité géniale : analyser la page pour en extraire la palette de couleurs. Vous pourrez ainsi vous amuser à sortir les 60 palettes de couleur élégantes pour vos sites Web pour l'année 2008. Seule limitation, il extrait uniquement les couleurs des styles CSS, pas celles des images ou des Flash.

Clic ! Clic ! Clic ! En trois photos, vous avez capturé une course folle ou une danse débile. Trois photos, c'est bien, mais ça ne rend pas le mouvement. Comment les enchaîner pour recréer cette dynamique ? Comme par hasard, voici animage.js, un script très léger qui vous permet d'animer vos images.

> Voir la suite

Je suis tombé récemment sur plusieurs articles recensant les pages 404 les plus originales, créatives ou informatives. Bien que l’intention soit louable, j’ai tendance à penser que la meilleure page 404, c’est celle qu’on ne voit jamais ! Mais pour éradiquer les pages perdues, il faut d’abord les identifier. Voici une manière simple de procéder avec PHP.

> Voir la suite

Concevoir une palette de couleurs est un exercice délicat. Pour ceux qui, comme moi, n'ont pas le talent inné d'associer les couleurs, cette liste de palettes issue des plus beaux sites du Web pourra fournir une source d'inspiration attrayante pour leurs designs Web.

> Voir la suite