Exotech.biz - Dév

Mocha UI

Bastien — Thu, 06 Dec 2007 20:45:00 +0100

Je vous présente une petite library Javascript réalisée par Greg Houston, qui se nomme Mocha UI. Cette librairie permet de créer dynamiquement de petites fenêtres déplaçables, un peu à la manière de Protopage. Une option full screen est disponible, et les arrondis des fenêtres sont réglables. Mais ce qui est très fort c'est que Mocha UI n'utilise aucune image: tout est géré par l'élément Canvas. En parlant de cette balise, je tenais à signaler la petite erreur sur Wikipedia sur la page française de la balise Canvas: Canvas est une balise en vue d'être standard dans HTML5.

Mais oubliez vite cette petite digression technique, et allez plutôt voir de vous même de quoi Mocha UI est capable!

Note: Mocha UI fonctionne avec Mootools, (j'avais oublié de le préciser)

Fancy Form et la problématique des formulaires sexy

Bastien — Mon, 26 Nov 2007 08:00:00 +0100

En faisant quelques recherches sur les formulaires et leur présentation, je suis tombé par hasard sur Fancy Form. Il s'agit d'un petit script javascript qui permet de web2.0-ifier nos formulaires, en fait les radio buttons et les checkboxes (plus d'éléments sont prévus pour les prochaines versions), en les remplaçant par des icônes terriblement plus sexy, jolis et so web 2.0. La page de démonstration nous montre très clairement la différence avec un formulaire classique.

Si vous me connaissez un temps soit peu (Fred Roy, si tu passes par ici, tu es le bienvenu pour me corriger si jamais ça ne s'écrit pas comme ça), vous connaissez certainement mon goût pour les belles UI, et vous vous dites donc très certainement que je présente ce script car je trouve ça joli.

C'est vrai que le rendu des formulaires est vraiment très joli, et de très bon goût (les icônes Silk de Famfamfam.com y sont pour quelque chose). Cependant, je ne suis pas persuadé qu'il faille implanter de telles modifications dans les formulaires: ici, il on aborde plutôt la problématique de la gestion du changement. Je m'explique: la première fois que j'ai visité le site, j'ai trouvé le design agréable, mais je n'ai pas compris de suite (avant de lire) de quoi il s'agissait. Je n'ai reconnu ni checkboxes, ni radio buttons. A trop vouloir personnaliser certaines choses on perd l'utilisateur, c'est le cas avec ce script. J'aurais plus tendance à penser que les icônes des checkboxes sont des icônes de validation de formulaire en AJAX, et les radio buttons me font plus penser à des listes classiques.

Le choix des icônes, c'est donc très important, il faut toujours garder à l'oeil la sémantique de ceux qu'on choisit.

Note: Je ne suis peut-être aussi qu'un vieux crouton © conservateur...

Infos du net: l'exemple de migration à ne pas suivre!

Bastien — Fri, 05 Oct 2007 14:24:00 +0200

Vous le savez peut-être (ou pas), mais Infos du net a fusionné avec Best of Micro pour devenir Tom's Guide, et fait partie intégrante du mythique Tom's Hardware Group (ceux qui avaient le net il y a une douzaine d'années comprendront certainement pourquoi je dis mythique).

Sauf que depuis quelques jours, le flux RSS d'Infos du net que j'avais dans mon Netvibes ne marche plus. Le pire, c'est qu'il y a encore le lien sur le site, qui renvoie vers une 404...

Je me suis dit au début que ce n'était rien, que le site était HS, mais après plusieurs jours, je me suis quand même penché sur le problème, et j'ai découvert que le site avait changé, la réécriture sur les articles était OK, mais pas les flux RSS! Un bon exemple de ce qu'il ne faut pas faire!

Pourtant c'est pas compliqué d'écrire des règles de redirection... Il leur faudrait peut-être un expert en gestion du changement!

Note: du coup j'ai enlevé le flux de Netvibes, bien fait pour eux!

Widget ReInvigorate pour Dotclear 2 (et premier test de Snoop)

Bastien — Sat, 14 Jul 2007 02:38:00 +0200

J'ai enfin testé le client lourd de ReInvigorate, j'ai nommé Snoop. Franchement bluffant. C'est génial de pouvoir tracker les visiteurs en direct live!!!

J'en ai profité pour créer un widget pour Dotclear 2 afin de pouvoir exploiter Snoop. Il est basé sur le widget de Nicolas Mérouze (Boldr), et reprend son principe essentiel. J'avais déjà fait ce widget pour tester Reinvigorate sur mon ancien blog (orienté musique électronique). Aujourd'hui je le publie, il est en version 1.1. Il est spécifique à Dotclear 2, et le numéro de version est dû à la prise en compte l'évènement "nouveau commentaire". Vous le trouverez en annexe de ce billet.

Le blog du créateur de Pack-It ne marche pas actuellement, je ne peux donc vous fournir une version packagée (je n'ai pas installé Pack It dans mon Dotclear), je vous livre donc seulement une archive . Si un âme généreuse passe par ici, je suis preneur!

Pensez à me faire un feedback, si jamais vous l'utilisez!

Note: Je viens de noter que DC2B7 est sorti, ce plug-in étant juste une adaptation, quelqu'un saurai-t-il me dire si mon plug-in est compatible avec cette dernière version? (en tout cas, le mien marche avec les versions supérieures à DC2B4, à priori!)