Tous les billets sont listés ici et classés par titres et mois dans la boîte Archives.

L'Ascii-o-matic génère en une poignée de secondes la version ASCII colorisée d'une icône :




Il fut un temps, du moins le crois-je, où l'on pouvait aussi récupérer une version ASCII composée avec des carrés colorés. Désormais, on ne peut plus récupérer que des images :


Voici les deux icônes initiales : J'ai récemment découvert la balise <kbd> qui sert à indiquer les saisies clavier opérées par l'utilisateur. L'ancien site de Firefox en avait toutefois restreint l'usage à la figuration visuelle des touches du clavier (keyboard en anglais).

En effet, avec un soupçon de CSS, on obtient une représentation très réaliste des touches du clavier, ce qui peut être très utile lorsqu'on rédige un tutoriel. Voici le code CSS :

kbd {
   padding: 0px 2px 0px 2px;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   border-color: #edd #baa #baa #eed;
   background: #faf6f6;
   color: #000;
}

Une fois que vous avez ajouté ce code dans votre CSS, il vous suffit, lorsque vous écrivez un article, de mettre le texte de la touche entre les balises <kbd> et </kbd>, comme ceci :

Appuyez sur la touche <kbd>Alt</kbd> puis validez en tapant sur <kbd>Enter</kbd>

ce qui affichera :

Appuyez sur la touche Alt puis validez en tapant sur Enter. Voici un codelet CSS à appliquer aux éléments de formulaires pour mettre en valeur le champ qui a le focus :

input[type=text]:focus, textarea:focus {
     background-color: #efefef;
}

Les bienheureux utilisateurs de Firefox peuvent tester l'effet en live. Mais pour les infortunés utilisateurs d'IE, navigateur qui ne supporte pas l'attribut focus:, voici le résultat en image :

Pour suppléer aux manquements de del.icio.us, voici Blogmarks, un chouette gestionnaire de signets, que j'ai découvert à l'occasion d'une promenade sur les pages de Web-Center, un tout nouveau site tournant avec GuppY, dont les news proposent une sélection de sites et d'outils intéressants - et qui, précision de taille, utilise mon script sommaire.php, ce qui me le rend très sympathique...

Blogmarks

Blogmarks.net est un outil de gestion des bookmarks, basé sur l'attribution de mots-clés dits tags et sur le partage. Avec ce système ouvert et gratuit, on peut accéder à ses signets depuis n'importe quel ordinateur connecté à Internet, les partager en les publiant et en découvrir de nouveaux, ceux des autres utilisateurs, affichés sur une interface proche du blog :

Comment ça marche ?

Après s'être inscrit, on récupère des bookmarklets dans la section Tools and settings du site. Il s'agit de petits javascripts à glisser dans la barre d'outils du navigateur, déclinés dans plusieurs versions, en fonction du navigateur, IE ou Gecko'like. Avec Firefox, un nouveau bouton Add to BlogMarks.net fait son apparition dans la barre d'outils ; avec IE, une entrée du même nom est ajoutée au menu contextuel ouvert via le clic droit de la souris.

Dès lors, chaque fois qu'un site m'intéresse et que je veux le blogmarker, je clique sur le bouton Add to blogmarks.net : en popup s'ouvre alors une fiche, préremplie avec l'URL de la page et son titre. Pour mieux évoquer la teneur du lien blogmarké, je commence par renseigner sa description, à l'attention des autres utilisateurs. Ensuite, il me faut lui attribuer des tags, qui organiseront les liens en catégories et faciliteront tant leur consultation que leur archivage [voir le popup].

Par défaut, les liens postés sur Blogmarks seront à la fois accessibles sur mon compte privé et sur la page publique du site, qui liste en temps réel les liens postés par l'ensemble de la communauté. C'est donc le même système que del.icio.us ? Pas tout à fait, car je peux cacher certaines adresses aux autres utilisateurs. En cochant la case Private, la page n'est ajoutée qu'à ma collection privée :

Benchmark

Pourquoi adopter Blogmarks ?

• S'il ressemble à Del.icio.us, il en a les avantages : en mutualisant les liens, on diffuse ses bonnes trouvailles et, en retour, on en découvre de nouvelles, nombreuses. Le social bookmarking n'est pas seulement une mode, c'est une nouvelle façon de pratiquer le Web.
• Blogmarks agrémente les liens postés de captures d'écran, ce que ne fait pas Del.icio.us. Ce repère visuel facilite la recherche d'un lien précis dans les archives. En contrepartie, le service, étant par ailleurs victime de son succès, connaît de sérieux ralentissements.
• L'espace privé de Blogmarks est mieux organisé que celui de Del.icio.us : outre son nuage de tags et la possibilité de lancer une recherche dans sa collection privée, l'utilisateur dispose d'archives classées de ses liens :
  
  
  
• La possibilité offerte par Blogmarks de garder certaines adresses privées est un atout.
• Une version française de l'interface de Blogmarks est à l'étude et je claironne donc : cocorico !
• Mais ce qui m'a surtout séduite, c'est la possibilité d'importer sur mon compte Blogmarks l'intégralité de ma collection Del.icio.us, ainsi que tous mes signets enregistrés sur Firefox. Je peux également importer n'importe quel fil RSS ou Atom sur mon compte, d'un clic de souris ! Je peux ainsi basculer, sans perte de données, de Del.icio.us vers Blogmarks, si le premier tourne mal ou tombe en rade.
• J'ai enfin la possiblité de faire une sauvegarde de mes liens, en les exportant en un fichier Atom compressé.

En bref, la seule fonctionnalité dont dispose Del.icio.us et qui fait cruellement défaut à Blogmarks est la syndication du contenu. Sur Del.icio.us, toutes les pages disposent de leur fil RSS, alors que pour le moment, Blogmarks n'offre de fils RSS que pour la page d'accueil publique et celle des liens plébiscités. Il est toutefois prévu d'étendre cette fonctionnalité à l'ensemble des pages. Je viens d'inaugurer la galerie Cityscape des Missi[v/l]es. Elle contient des images générées avec le Cityscape generator, qu'on trouve dans la section Incubator du site Quasimondo.org, dont j'ai récemment parlé dans ce billet.

Le Cityscape generator est une application développée avec la technologie Processing. Il génère des compositions rectangulaires, peintes à l'aquarelle, qui ressemblent à des paysages urbains. L'auteur, Mario Klingemann, note avec humour que celles-ci lui rappellent les oeuvres souvent exposées dans les salles d'attente des dentistes. A vous d'en juger :


Cliquez sur le rectangle blanc pour amorcer la composition et patientez : le dessin prend du temps. Quand la peinture est finie, cliquez sur l'image obtenue pour charger d'autres palette de couleurs et obtenir des variations à l'infini. Enfin, pour charger un autre design, appuyez sur n'importe quelle touche de votre clavier. Amusez-vous bien ! Je viens d'ajouter à l'instant quelques réalisations dans la galerie Abstractions des Missi[v/l]es virtuelles.

Le Real Time Contextual Art Generator

Certaines sont les fruits d'expérimentations faites avec le Real Time Contextual Art Generator de Don Relyea, qui se présente sous deux formes : un exécutable à télécharger ou une application en ligne, qui nécessite le plugin Shockwave. Dans les deux cas, l'utilisateur saisit un ou plusieurs mots-clefs, l'application récolte, dans la base de données de Google, nombre d'images liées à la requête et génère une image stylisée et composite, comme celle-ci :


Préférez le programme à télécharger, car il est paramétrable, contrairement à la version en ligne. On peut ainsi régler le degré de transparence des layers, activer ou non le mode loop, contrôler les polices utilisées pour les textes, définir la résolution des images générées, etc. Il offre en outre la possibilité d'exporter le résultat au format *.jpg.

Pendant que vous y êtes, rendez-vous sur cette page, pour voir une démonstration du Hilbert Hardcore, qui exploite l'algorithme de David Hilbert, mathématicien allemand qui découvrit la courbe qui porte son nom au début du XIXème siècle :


Jetez aussi un coup d'oeil à la variante, le Hilbert Hardcore Helipad, ainsi qu'au générateur expérimental qui dessine ces luxuriantes fleurs :

Le générateur Net.Art

Les autres images de la galerie Abstractions des Missi[v/l]es ont été créées avec le Net.art generator, qui repose sur le même principe que le RTCAG, décrit ci-dessus : un mot-clef, qui correspond au titre de l'image à générer, une recherche contextuelle dans Google et l'image composite obtenue. A noter toutefois, quelques différences dans le protocole :

• l'utilisateur peut choisir la taille (400, 600, 800 ou 1000px) et le format (*.jpg, *.gif, *.png) de l'image générée
• il choisit le nombre d'images à utiliser : 2, 4, 6, 8
• il a accès aux images d'origine utilisées dans le montage

Une galerie des meilleurs collages générés est disponible, mais voici un échantillon de mon exploration :

J'ai rassemblé trois nouveaux fils RSS dans la rubrique "Cinéma" de mes Flux RSS. J'ai utilisé les RSS mis à disposition par le site Nord-cinema :

• les films sortis cette semaine
• les films prochainement à l'affiche
• le Box-office du mois

A propos, est sortie cette semaine l'adaptation cinémtographique du roman de Jonathan Safran Foer, Tout est illuminé, qui est un des romans les plus fulgurants que j'aie lu ces dernières années. A défaut d'aller voir le film (dont la critique presse et spectateurs est élogieuse d'ailleurs), n'hésitez pas à lire le livre !

Del.icio.us

Del.icio.us est en rade, une fois de plus... Ces jours-ci - depuis le rachat par Yahoo, tiens, comme par hasard... - les maintenances et pannes sont très fréquentes. C'est dommage, j'étais en train d'ajouter des flux RSS au menu du même nom et de les réorganiser, en séparant les fils de la section "Popular" des autres. Je pense en outre modifier la boîte Via Del.icio.us, qui affiche mes derniers liens postés, pour qu'elle occupe moins de place. En contrepartie, je ferai un lien vers une page du site qui listera mes liens, assortis de leurs commentaires. Le site Internet Traffic Report surveille les flux de données qui transitent par le Net à travers le monde. En fonction du trafic, il affiche une valeur, située entre 0 et 100 : plus la valeur est élevée, plus la connectivité est jugée rapide et fiable.

C'est à partir d'un test "ping" que le temps de réponse des serveurs est évalué. Cette mesure "ping" est effectuée simultanément sur des serveurs disposés dans diverses régions du globe. La réponse de chaque serveur est alors comparée aux réponses précédentes pour déterminer si elle a été plus rapide ou pas et le score est estimé selon une échelle de 0 à 100. La moyenne des scores de tous les serveurs est enfin calculée pour donner une valeur, dite "global index" : c'est cette dernière valeur qu'indique le relevé final.

Les webmasters peuvent afficher sur leur site un graphique actualisé en temps réel, en copiant-collant l'un des codes livrés sur cette page. Plusieurs modèles de graphiques sont disponibles. Dreamlines est une application Java en ligne développée par Leonardo Solaas. Il s'agit d'une machine onirique, qui fonctionne sur le principe suivant : le visiteur entre un ou plusieurs mots-clefs correspondant à des objets de rêverie et l'applet dessine des variations stylisées à partir d'images en rapport, récoltées sur la Toile, mélangées, superposées, triturées... Les résultats sont graphiquement superbes et l'écran hypnotique, en perpétuel changement, s'impose comme une déconcertante invitation à la pratique de l'onirisme les yeux ouverts.

En entrant "Tree" comme mot-clef, on croise, au détour des images lancinantes qui défilent, celle-ci :


D'ailleurs, les résultats m'ont tellement enchantée qu'après avoir longuement joué avec l'applet, j'ai mis en ligne une quinzaine d'images générées avec elle dans la galerie Dreamlines de la section Missi[v/l]es, qui permet d'envoyer une carte postale électronique. Le Captioner est un nouveau flickrtoy concocté par l'excellent site Flagrantdisregard qui s'en est fait une spécialité, déjà évoquée sur Saute-Mouton, ici et ici. Avec le captioner, vous ajoutez des bulles à vos images ou à n'importe quelle image dont vous indiquez l'URL, pour obtenir quelque chose dans ce goût-là :


Faire un roman-photo à succès publié dans Nous Deux n'a jamais été aussi simple ! Le PageRank est une technologie de Google qui permet d'évaluer la popularité d'un site web. Il se présente sous la forme d'une note de 1 à 10. Plus cette note est élevée et plus le site est classé haut dans les résultats des recherches effectuées sur Google. Autrement dit, il apparaît sur les premières pages.

Le site Free-Pagerank permet de connaître le page-rank de votre site. Si vous l'affichez sur votre site, ce dernier sera référencé, en fonction de son PR, dans l'annuaire de Free-Pagerank. Notez que les robots mettent quotidiennement à jour la jauge.

Voici donc le page-rank de Saute-Mouton : Searchdon permet de customiser son moteur de recherche préféré (j'ai nommé Google) en choisissant un intitulé personnel un style de logo. On obtient alors :

Il paraît que les meilleures choses ont une fin.



Gageons que le rachat de Del.icio.us par le géant Yahoo, annoncé (avec un enthousiasme qui fait peine à lire) sur le blog de Del.icio.us, marque la fin de Del.icio.us sous sa forme actuelle : nul doute que, bientôt, mon répertoire de signets préféré sera envahi de pubs, de textes clignotants, de popups parasites et autres offrandes capitalo-marketing, sans compter le profilage auquel je serai exposée ("Bienvenue à Gattaca - Your Yahoo ID is... ") Il suffit de jeter un oeil à la page d'accueil de Yahoo! pour anticiper l'avenir de del.icio.us : 60% de la page consacrée au contenu et, pour le reste, la part du diable...

Des solutions de repli

Il me faut donc songer à une solution de repli. J'ai déjà déniché Shadows, mais son interface encombrée me déplaît. Ce que j'aim(ais?) chez Del.icio.us, c'était précisément son interface spartiate, voire un peu moche à ses débuts. Au moins, ce service de social bookmarking était-il rapide et l'interface claire et lisible ; bref, il faisait remarquablement bien son boulot. J'ai aussi trouvé cette liste de gestionnaires de signets à éplucher, ainsi que sitebar.org, mais je me rends compte que ma désintoxication "deliciousesque" n'ira pas sans mal.

Enfin, j'ai quand même mis à jour le menu Via Del.icio.us, en y insérant le Del.icio.us linkrolls, qui, par rapport au script que j'avais installé auparavant, a l'avantage de s'actualiser en temps réel. J'ai également supprimé les liens RSS de la section My del.icio.us, qui ne me semblent plus utile, maintenant que j'ai mis en place mon nuage de tags (voir Del.icio.us cloud).

Farniente à guirlandes

Dire que je me réjouissais d'être en vacances ! Hier était le dernier jour d'école de l'an de grâce 2005. Mes vacances ne seront toutefois pas de tout repos, dans la mesure où je dois corriger :

• 24 auto-dictées de 6ème
• 20 dictées de 3ème
• 20 exercices de réécriture de 3ème
• 20 questionnaire de lecture de 3ème
• 23 rédactions de 5ème (des poèmes à contraintes lourdes - je vous laisse imaginer le pire de préférence, puisque c'est ce qui m'attend)
• 23 rédactions de 6ème
• 23 rédactions de 5ème - le compte-rendu de notre visite au Salon du Livre, 5 pages / élèves, 8 heures de travail acharné

Les fonctionnaires sont de grands fainéants et je suis d'humeur exécrable, je le sens bien...

Pourtant, les pious-pious de 6ème m'ont bien gâtée ! Ils m'ont offert des chocolats et un bibelot décoratif, que maman se fera une joie de recevoir, à moins qu'il n'aille rejoindre les autres cadeaux d'élèves exposés dans la vitrine de la salle des profs que nous projetons d'inaugurer à la rentrée. J'ai mis fin à la leçon sur la phrase complexe quelques minutes avant la sonnerie pour offrir aux élèves des Chocobons, Ferrero et autres délicatesses à vocation cholestérique, ce qui a donné lieu à ce dialogue :

Je viens d'ajouter un nouveau générateur dans ma Toolbox : le Dewplayer Coder. Je l'ai créé pour mon propre usage, mais il pourra peut-être servir à d'autres utilisateurs du Dewplayer, un fantastique player mp3 en Flash, aisé à installer, facile à utiliser, esthétique, minimaliste et ultra-léger - n'en jetez plus - dont j'ai déjà parlé et que j'ai adopté :


Développé par Dew, le Dewplayer consiste en un simple fichier Flash, qu'on glisse dans un dossier du site, accompagné du fichier *.mp3 à diffuser. Par la suite, on ajoutera toujours les *.mp3 dans ce dossier. Ne reste plus qu'à insérer ce code, en l'adaptant, pour que le lecteur diffuse, à la demande, le *.mp3 sélectionné :

<object type="application/x-shockwave-flash" data="dewplayer.swf?son=mamusique.mp3" height="18" width="180">
<param name="movie" value="dewplayer.swf?son=mamusique.mp3" />
</object>

Le code n'est ni long ni compliqué, certes, mais le fait de l'adapter à chaque nouveau morceau à diffuser m'a paru un tantinet fastidieux. Le Dewplayer Coder n'est rien moins qu'une solution de fainéante : il génère ce codelet customisé, que je n'ai plus qu'à copier-coller.

La dernière version du Dewplayer permet de lancer le lecteur automatiquement à l'ouverture de la page (autostart ou autoplay), de régler le volume sonore au démarrage et de jouer plusieurs *.mp3 en continu. Son usage, on le voit, n'est donc pas le même que l'original, qui reste mon préféré, assurément.