Veille Technologique : jQuery, quelques plugins pour améliorer l’expérience utilisateur
Cette semaine je vous propose de nouveau quelques plugins jQuery. Au menu : Editeurs de texte innovants, inspiration Apple et graphiques dynamiques.
Editeurs de texte
En matière d’édition de texte, 2 plugins aux approches différentes ont retenu mon attention. Tout d’abord, < markItUp / > qui est destiné à éditer du code et plus précisément tout langage à base de balises comme le XHTML, BBcode, Markdown, Wiki ou autre. En plus d’être très léger (à peine 6.5 Ko), il est extrêment complet, extensible, non intrusif, respectueux des standards… Bref, il a tout pour plaire !
Le second, WYMeditor, est un éditeur dit WYSIWYM (What You See Is What You Mean). Il s’appuie sur un système de couleurs pour différencier les classes ou attributs appliqués sur le texte et d’encadrés permettant d’avoir un réel visuel de l’encapsulation des différents éléments. Cet éditeur XHTML rencontre un succès croissant, pour preuve il est déjà intégré à plus d’une trentaine de projets comme MediaWiki, Drupal, Dotclear mais aussi Byteflow ou encore Django CMS.
Apple inspire les foules
Quand on parle d’expérience utilisateur et d’ergonomie, on site souvent les produits Apple. Ici ce sont 2 plugins inspirés des interfaces de la marque à la pomme que j’ai retenu.
Le premier, iButton, se propose de réinventer le boutont radio. C’est plus agréable et bien plus visuel qu’un simple bouton radio, cela dit je conçois que le design ne se prête pas forcément à toutes les interfaces.
MacOS X inspire beaucoup également et c’est le fameux dock qui a été transcodé pour jQuery. Ce plugin au doux nom de Outside the Box Navigation est très fluide, ce qui le rend agréable à utiliser (contrairement aux quelques tentatives que j’avais vu jusqu’à présent) et peut être affiché dans 4 orientations différents selon les besoins.
Visualisation de données
Un tableau c’est bien pour afficher des données tabulaires, mais pour les analyser, les comparer, rien de tel qu’un bon graphique ! jQuery Visualize tire partie des dernières technologies du web à savoir HTML5 et les canvas pour générer différents types de graphiques selon vos envies (bâtons, camemberts, etc…). Ce qui rend la chose encore plus intéressante est la possibilité de modifier directement les données du tableau et de les voir se répercuter sur les graphiques. Un plugin vraiment bluffant !
C’est tout pour aujourd’hui, n’hésitez pas à partager vos impressions sur l’utilisation de ces plugins (ou d’autres) en commentaire !