FredCavazza.net

Non c’est vrai, vraiment vrai : j’adore les outils gratuits. Je vous propose donc de découvrir le bog suivant : Free Tools.

Le but de ce blog est de présenter toutes les solutions pour le développement de site Internet ou d’applications métiers orientées web, mais on y trouve surtout beaucoup d’outils et de librairies javascript (et un peubeaucoup d’Ajax) classés selon des catégories et sous-catégories. Tout ce qui est présenté doit être de qualité professionnelle et bien évidemment gratuit (licence free, GPL, Creative Commons, MIT…).

Exemples de ce que j’ai trouvé dans les derniers billets :

• Ext Js, un framework Ajax très prometteur ;
• Prototip , qui vous permet de créer des info-bulles simples ou complexes (avec ou sans image, CSS…) ;
• AJAX Star Rating Bar, un script PHP pour faire des petits modules de vote avec des étoiles ;
• Tablesorter, un plugin jQuery qui permet de trier les colonnes d’un tableau sans qu’il soit nécessaire de recharger la page ;
• FreeMap , une incroyable collection de cartes…

Bref, un site indispensable pour celles et ceux qui veulent se simplifier la tâche au quotidien. (Merci à Marc pour le lien et bravo pour son travail)

L’un des plus gros reproche fait aux interfaces réalisées avec AJAX est l’impossibilité d’utiliser le bouton ‘Retour’ du navigateur. Et bien tout ceci est du passé puisque les équipes de Yahoo! ont publié la semaine dernière un composant qui enregistre les actions réalisées en local par les utilisateurs : Browser History Manager.

Je ne suis pas un spécialiste de Javascript et suis donc bien mal placé pour juger de la qualité de ce composant, mais là n’est pas la question. Je viens en effet de découvrir que ce composant a été développé par un certain Julien Lecomte qui nous raconte la genèse de son composant ici : Building the YUI Browser History Manager.

Julien Lecomte ? Mais bon sens, mais ce type est français ! Alors ça c’est formidable, rien que pour ça j’interdis formellement tout forme de critique à l’égard de ce composant ! Est-ce du chauvinisme primaire ? Oui tout à fait, et alors ?

Je viens de mettre en place le très bon service de Snap qui insère sur les liens des info-bulles géantes avec la capture d’écran du site de destination : Snap Preview Anywhere (placez votre souris au dessus de ce lien et vous comprendrez).

Le principe est très intéressant, mais j’ai peur que cela alourdisse la page avec trop de code Javascriot (maintenant il faut dire Ajax) et finisse par nuire au confort de lecture. J’en avais déjà parlé l’an dernier (lire mon précédent billet à ce sujet : Alexandia, et votre information devient liquide), et notamment avec le service que propose Alexandria qui permet de mettre en oeuvre le principe d’information liquide.

Alors… vous êtes pour ou contre ces vignettes ?

MAJ (29/11/2006) : Face à l’avalanche d’avis négatifs, je retire cette fonctionnalité qui est perçu comme trop intrusive. Si vous souhaitez l’activer vous même, vous pouvez le faire à l’aide de ce plug-in : Cooliris (merci à Kristof pour le lien).

Visiblement ils ont mangé du lion chez Open-S ce midi à la cantine ! Non seulement ils viennent de publier un ensemble de gabarits HTML / CSS certifiés 100% accessibles, mais en plus ils se lancent dans une campagne de démystification autour de sujets qui fâchent comme les pop-up, les tableaux et javascript.

Saluons ces deux initiatives courageuses :

1. parce qu’il est toujours très délicat de publier des gabarits XHTML / CSS a une communauté de développeurs qui trouvent toujours à redire (du type : mon gabarit est plus accessible que le tien) ;
2. parce qu’il y a beaucoup de fausses idées sur l’accessibilité des mises en page par tableaux imbriqués et du javascript.

Bravo aux équipes d’Open-S pour leur engagement sur le débat de l’accessibilité. Vivement la suite !

Non ceci n’est pas une blague.

Si vous êtes séduit par le principe d’AJAX mais que le XML vous semble un peu trop complexe à manier alors je vous recommande l’AHAH (Asychronous HTML and HTTP). En gros, le principe est très simple : utiliser l’objet XMLHttpRequest pour rapatrier du contenu stocker en XHTML. Et oui, c’est ici que l’astuce réside : plutôt que de rapatrier du XML qu’il faut ensuite transformer en HTML via XSL, et bien on rapatrie directement de l’HTML.

Pour aller plus loin dans l’explication, les auteurs d’AHAH le décrive comme un REST-Enabled XHTML microformat qui serait issu de JAH (Just Asynchronous HTML). Rien de très révolutionnaire mais comme ils proposent des bibliothèques javascript toutes prêtes ça serait dommage de se priver, non ?

Tout ça me donne des idées… je me demande si je ne vais pas publier les premières spécifications de HUM-HUM (HTML and UML Metadata for Human Ubiquitus Model) voir de PIF-POUF (Portal Infrastructure Functionnality for P2P Object Unified Framework). Et vous ?

Le HTML vous connaissez ? Mais si, les pages de texte avec des images où rien ne bouge. Bon et bien le DHTML c’est la même chose mais avec des trucs qui bougent en plus.

Plus sérieusement, je vous propose de découvrir aujourd’hui un projet bien singulier : FACE est un framewok qui permet de faire des petites animations à l’écran sans avoir à utiliser Flash, sans connaître javascript et le tout dans le respect des standards web. Quelle est l’astuce ? Le recours à des propriétés des CSS ainsi qu’à des bouts de javascript le tout dans une syntaxe qui utilise le principe des noeuds :

En résumé : c’est gratuit, c’est compatible W3C, c’est relativement léger, donc : pourquoi pas ! Qui pourrait creuser un peu plus la question et nous donner un avis plus… avisé ?

Et hop ! A peine mon précédent billet sur l’évolution de l’interface des blogs vient-il de paraître que je vous propose de découvrir deux outils pour améliorer votre blog :

1/ FeedFlare est un outils proposé par FeedBurner pour ajouter des liens contextuels au pied de chacun de vos billets dans votre flux RSS : envoyer ce billet par email, envoyer un email à l’auteur, liens Technorati, tags del.icio.us… dont voici une copie d’écran :

(Plus d’infos sur FeedFlare : FeedBurner makes RSS interactive, with FeedFlare)
(Plus d’infos sur FeedBurner : Premier retour d’expérience sur les statistiques de fréquentation de flux RSS)

2/ QuickSub est une fonctionnalité en CSS et Javascript qui permet de simplifier l’inscription à un flux RSS à l’aide d’un lien riche :

Vous pouvez voir fonctionner ce truc sur le site de Robin Good (passez votre souris au dessus de la cartouche orange ‘XML’).

Vous le savez, les formulaires c’est ma bête noire. Je vous propose ce matin de découvrir un très bon article qui nous explique en 10 points comment améliorer le comportement d’un formulaire : 10 Tips To A Better Form.

Autant vous prévenir tout de suite, il y est principalement question de Javascript et des possibilités que cela offre : auto-tabulation, aide contextuelle, gestion des erreurs, persistance des données, comportement des boutons de validation et des champs dates…

Est-ce que tout cela est accessible ? Je ne suis pas expert en la matière donc je laisse le soin à des personnes plus qualifiées de nous confirmer que les morceaux de code proposés sont conformes au DOM et qu’ils se dégradent correctement.