Javascript : 8 ressources pour simplifier les I/O avec vos utilisateurs

Aujourd’hui, la communication entre votre site et les utilisateurs est à l’honneur sur le Blog du Webdesign, tant en input qu’en output !

Découvrez cette sélection de ressources javascript simplifiant la gestion du clavier, des pointeurs, de la console, ou bien permettant d’afficher plus simplement les informations à l’écran !

TypeLink

La navigation souris, un plaisir pour certain, un cauchemar pour d’autres. Personnellement, mon choix se porte bien plus sur le clavier : pourquoi chercher pendant plusieurs secondes la recherche d’un lien twitter quand il suffit de taper « twitter » pour accéder à la page ? C’est en tout cas ce que propose cette ressource : Ajouter une navigation clavier à la navigation souris déjà existante.

http://weakwire.com/projects/typelink#about

Mousetrap

Cette ressource permet de créer très simplement des raccourcis claviers pour son application web ou son site web. Un indispensable pour essayer de reproduire les habitudes hors-browser, comme le CTRL+S. 

http://craig.is/killing/mice

Pointer

Pour finir avec les outils d’input, voila Pointer, un outil permettant d’homogénéiser les différents types de dispositifs de pointage actuellement sur le web : Souris, Tactile, voir Multitouch.

https://github.com/borismus/pointer.js#implementation

Colorjoe

Colorjoe est un colorpicker tout beau et sans image, l’affichage est du pur-css !

http://bebraw.github.com/colorjoe/

EpicEditor

Epic editor est un éditeur Markdown simple et puissant, permettant un mode plein écran, une prévisualisation, bref tout ce qu’il faut pour éditer confortablement des articles, sans passer par un WYSIWYG.

http://oscargodson.github.com/EpicEditor/

Firefox javascript terminal

Le nom parle de lui meme: Voila une console javascript pour firefox 16+, encore très expérimentale mais qui mérite vraiment le coup d’oeil.

http://paulrouget.com/e/jsterm/

Noty

Noty est un plugin jquery pour mettre en place très simplement divers notifications (alertes, succès, informations, …)

https://github.com/needim/noty

Rivets

Rivets est une library fournissant du data-binding. Pratique quand nous n’avons pas besoin d’un framework complet, mais pas envie de manipuler le DOM à la main pour autant.

http://rivetsjs.com/