Frameworks JavaScript

Pour construire des applications Web, des sites modernes, ou toute chose, des frameworks JavaScript complets fonctionnant sur tout navigateur récent.

Bibliothèques JavaScript pour réaliser une interface

Ce sont des frameworks Ajax d'usage général ou des librairies plus spécialisées.

Ample SDK

Ce framework JavaScript fonctionnant sur tous les navigateurs récents utilise XUL comme langage d'interface graphique et propose de nombreux widgets dont l'apparence est définie en CSS.
Il n'utilise pas XULRunner mais son propre interpréteur XUL. Extension à jQuery.

JQuery UI

Complément à JQuery pour réaliser des interfaces graphiques d'applications Web. Elle fournit des widgets tels que calendrier, sélecteur de couleur, etc...

Gauge

Facile à ajouter à un site Web, des barres de menu similaires à celles du site d'Apple. Avec dégradé de couleurs et effet de reflection.

Popcorn.js

Par Mozilla, elle permet de gérer la vidéo et les liens sociaux. Elle s'accompagne de l'outil en ligne Popcorn maker pour réaliser des montages.
Ainsi on peut créer des présentations interactives, en 3D avec WegGL, avec des composantes vidéos et audios.

Tangle

Rendre une page plus interactive. Quand on modifie une donnée, cela est répercuté dans les autres données relatives affichées.
Le principe n'est pas nouveau, la librairie rend juste son application plus aisée.

Fonctions pour les jeux, les images, et les effets spéciaux

Scripty 2

C'est une réécriture de script.aculo.us et son but est de rendre les sites Web attrayants avec des effets graphiques.
Il requiert la librairie Prototype.

Bigvideo

De même que l'on peut afficher une image en fond d'écran, il est possible d'afficher une vidéo, grâce à cette librairie, elle-même basée sur une autre libraire d'affichage vidéo. Cela ne convient certainement pas à toutes les pages d'un site mais cela peut créer un effet spécial pour donner de la vie à un objet auquel est consacré un article.

Mais si vous voulez économiser la bande passante, vous pouvez aussi placer votre vidéo sur Youtube et utiliser Tubular. Jusqu'à ce que Youtube bloque le service qui consomme leur propre bande passante sans rien rapporter!

Extensions au langage

Underscore

Ajoute des fonctions nouvelles aux versions anciennes de JavaScript. Les fonctions sont redirigées sur l'implémentation native lorsqu'une version plus récente est présente dans le navigateur.

Web Intents

Fonctions pour partager des données et images entre applications et avec les réseaux sociaux.
Cela fonctionne avec une liste d'actions (prendre, voir, partager...) correspondant chacune à une fonction.

Stratified, JavaScript concurrent

Ajoute des constructs pour la concurrence. Par exemple, waitfor ... or .. or ...

Graphes et présentation

La plupart des bibliothèques de graphes sont basées sur Raphael, D3 (SVG) ou NVD3. Certaines sont des démos de ces biblios.

XChart

Même s'il produit des graphiques moins complet et jolis que d'autres librairies, cet outil a l'avantage de définir un graphe par un simple fichier JSON facile à générer, sans avoir à connaître de format particulier.
Basé sur D3 et SVG, requiert un navigateur moderne (IE9 au moins). Noter que D3 peut s'interfacer avec Angle et ainsi faciliter considérablement l'accès aux données.

D3.js

Pour générer du code à partir des données, par exemple, une table à partir de données statistiques.
En fait il offre un langage déclaratif pour accéder au DOM ou produire du SVG, plutôt que des boucles et des instructions.
Cela permet une meilleure interaction entre l'affichage et les données.

Voir cette liste étendue de scripts D3 ou cette galerie.

Vis.js

Comme D3 réalise des visualisation de données telles que graphes, timeline, réseaux, etc... mais conçu spécialement pour Canvas est plus rapide.

Vega

Plus général qu'un framework, c'est une grammaire de représentation visuelle basée sur des descriptions au format JSON. L'affichage se fait dans Canvas ou en SVG. Tous les types de graphes sont possibles et l'interaction est supportée. Essayez l'éditeur en ligne.
Requiert D3.js.

Rickshaw

Pour créer des graphiques interactifs. Basé sur D3, donc non compatible avec IE 8 et précédentes versions.

Autres frameworks gratuits et interactifs: nvd3, dc.js, crossfilter, flotr2, Chart.js (Canvas).

Autres fonctions

BrowserFS

Pour disposer d'un système de fichiers dans le navigateur, plus précisemment, disposer de fonctions de lecture et écriture de données dans des fichiers, similaires à celles de Node.
L'API sert d'interface commune à différentes technologies comme LocalStorage, IndexedDB, XMLHttpRequest. Les données sont donc stockées sur le disque ou dans l'environnement du navigateur.
Cela convient particulièrement pour utiliser le navigateur comme OS pour applications locales.

On dispose d'un outil similaire avec Vinyl un format de fichiers virtuel.

API Youtube

Ce framework dédié à Youtube comporte plusieurs niveaux: fonctions de base pour utiliser les vidéos sur son site, fonctions pour personnaliser et configurer une vidéo imbriqué, fonctions pour modifier son comportement et des widgets en rapport avec la vidéo (comme la barre de vidéos).

speak.js, synthèse vocale

Une fonction JavaScript, en fait traduite d'un code C++, pour vocaliser un texte écrit. Cela peut être utile pour ceux qui voient mal ou dans des situation où l'on ne peut voir, ainsi que dans des jeux ou autre programme interactif. Les plupart des langues sont reconnues mais pas tous les navigateurs. Fonctionne sur Chrome.

Glow, serveur de nouvelles

C'est le framework JavaScript de la BBC. Puisque BBC est un serveur de nouvelles en lignes, la librairie est principalement conçue pour afficher des news avec les tableaux et les graphics associés. Avec un large compatibilité aux navigateurs.

Mindmap

Une librairie d'affichage de graphe sémantique pour visualiser les relations entre concepts.

Processing.js

Une API visuelle pour créer des animations interactives et des graphismes dans Canvas.

Node.js

Node.js est un serveur événementiel écrit en JavaScript destiné à réaliser des applications de réseau.
Nowjs se base sur node.js pour construire plus facilement un espace interactif entre client et serveur, avec synchonisation des données des deux cotés.
Node Guide est un tutoriel du logiciel.

WebODF

Fournit une alternative au format PDF: C'est une librairie de fonction JavaScript pour afficher des documents ODF de LibreOffice sous forme HTML et CSS sur un site web.

Zip.js

Une bibliothèque de compression et décompression de fichiers zip jusqu'à 4 gigas, en JavaScript. Elle fonctionne avec FileReader et FileWriter, et donc en utilisant les nouvelles API du web pour l'accès au système de fichiers montre que le navigateur devient une plateforme pour toutes les applications.

Autre outils

Voir aussi

© 2008-2016 Xul.fr