Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Chart.js est une bibliothèque JavaScript open source conçue pour représenter des données sous forme de graphes statistiques. Elle utilise les fonctionnalités HTML5 comme les canvas et gère l'aspect responsive.

Vous disposez de huit types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en forme de « donuts » ;
• etc.

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Comment récupérer les dimensions d'une image affichée à l'écran ?

Attirer l'attention sur un lien, 2 versions

Récupérer un argument de l'URL de la page sans passer par un langage serveur

A appeler de cette manière :

recuperesArgumentURL('bgcol');

Afficher un tableau php de N dimensions dans un arbre

Mozilla a lancé le projet Shumway. C'est une machine virtuelle écrite en JavaScript, couplé avec les technologies HTML5, qui permet le rendu des fichiers SWF sans avoir besoin de Flash Player.

Shumway est construit avec deux objectifs principaux : faire avancer le Web ouvert en toute sécurité en prenant en compte les formats fermés et propriétaires, et offrir un processus d’exécution pour les fichiers SWF et d’autres formats « Rich Media ».

Le projet est encore au stade expérimental et manque de certaines caractéristiques. La technologie finalisée pourrait être introduite dans Firefox et serait – théoriquement – compatible avec tout navigateur moderne supportant JavaScript et HTML5.

Du Flash, mais sans Flash. Voici ce que s’apprête à proposer la Fondation Mozilla avec son projet Shumway.

Shumway est une manière ingénieuse de prendre en charge le rendu des fichiers SWF sans avoir à passer par Flash Player. Concrètement, il remplace le player par une machine virtuelle entièrement en JavaScript et utilise les technologies web (HTML5) pour jouer le fichier.

Résultat, plus besoin d’installer de plug-in dans le navigateur. Ou de dépendre d'Adobe pour les éditeurs de navigateurs.

Ce jeune projet s’appuie sur un autre, plus ancien, baptisé du joli nom de « Gordon » (un runtime Flash open-source lui aussi en JavaScript). La filiation est encore plus claire quand on sait que ces deux appellations ... Voir la suite

Next.js, un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React (bibliothèque JavaScript conçue par Facebook), Webpack (grouper les modules avec les dépendances) et Babel (transpileur de code ES6 en code ES5).

Next.js se base sur six principes :

• aucune installation à faire ;
• seul JavaScript est nécessaire ;
• rendu automatique par le serveur et fractionnement du code ;
• récupération des données ;
• anticipation pour une meilleure performance ;
• déploiement simple.


Vous trouverez plus d'information Voir la suite

Repo.js est un nouveau plugin jQuery ultra léger permettant d'afficher simplement des dépôts GitHub.

En effet, afficher une arborescence telle que celle d'un dépôt peut vite devenir un casse-tête.
Il faut gérer l'apparence, mais également la transition entre les différents éléments.
Ces problèmes ont maintenant une solution : Repo.js !

Grâce à ce plugin utilisant jQuery, vous allez pouvoir afficher simplement l'arborescence d'un dépôt GitHub.
Ce plugin reprend l'interface du site officiel ce qui rend l'affichage plus plaisant, et surtout connu des habitués de GitHub.
Cela permet également une navigation plus facile entre les différents niveaux de l'arborescence, navigation intuitive.

Rapp ... Voir la suite

MIDI.js vous permet d'intégrer un séquenceur MIDI dans vos pages Web, le tout écrit en JavaScript.

Ce séquenceur est basé sur SoundFont, qui est un format de fichier contenant un son pour chaque note d'un ou plusieurs instruments. Le script utilise également l'API Audio pour connecter le séquenceur aux haut-parleurs.
Il supporte énormément d'instruments, qu'ils soient utilisés un par un ou en même temps.

Leaflet est une bibliothèque JavaScript open-source moderne qui permet d'afficher des cartes interactives optimisées pour les appareils mobiles.

Elle a été développée par Vladimir Agafonkin avec l'aide d'une équipe de contributeurs dédiés à ce projet.
Pesant à peine 30kb compressées, cette bibliothèque possède toutes les fonctionnalités que la plupart des développeurs ont toujours souhaités pour les cartes en ligne.

Leaflet a été pensé pour de la simplicité, de la performance et de l'utilisabilité.
Elle fonctionne correctement sur toutes les principales plateformes de bureau et de mobiles, en utilisant les avantages que prodiguent les navigateurs dernière génération avec l'HTML5 et le CSS3.
La bibliothèq ... Voir la suite

Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5.
Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.

Vous disposez de six types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les graphiques en étoile ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en « beignets ».

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Chart.js n'a besoin d'aucune autre bibliothèque pour fonctionner, est très léger (envir ... Voir la suite

Immutable.js est une bibliothèque JavaScript développée par Facebook. Elle permet de manipuler des structures de données non mutables, c'est-à-dire qu'elles ne sont pas modifiées lorsqu'elles interviennent en tant que paramètres d'une fonction ou d'une méthode (par exemple la méthode push sur un tableau en JavaScript). Elle inclue notamment le support du langage TypeScript.

Bibliothèque JavaScript pour mobile permettant de construire des applications HTML5 qui tournent sur iOS, Androïd, et autres.

AlaSQL.js est définit comme une base de données SQL JavaScript pour le navigateur et Node.js capable de gérer les relations traditionnelles et les données JSON imbriquées (NoSQL). AlaSQL permettrait également d’exporter, de stocker et d’importer des données à partir du localStorage, indexedDB ou encore Excel.

En d’autres termes, c’est une base de données SQL open source pour JavaScript avec un fort accent sur la vitesse de recherche et la flexibilité de la source de données pour les données relationnelles et des données sans schéma. Cela fonctionne dans le navigateur Web, Node.js et les applications mobiles.

Arc-en-ciel, est une bibliothèque JavaScript permettant de dessiner sur l'élément Canvas d'une page HTML et de générer le code correspondant à ce qui a été réalisé pour faire du rapid prototyping de dessin et d'animation.

Avec son interface, Arc-en-ciel permet de :

• dessiner des rectangles, des cercles, des arcs, des lignes, des polygones, des courbes de Bézier quadriques ou cubiques et d'insérer du texte ;
• modifier, déplacer, copier, effacer et changer la couleur des formes ;
• dupliquer les formes avec des boucles ;
• générer du code JavaScript ;
• changer la couleur des éléments d'une page.

Next.js est un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React, Webpack et Babel.

• Aucune installation à faire.
• Rendu automatique par le serveur et fractionnement du code.
• Récupération des données.
• Anticipation pour une meilleure performance.

Nashorn est un environnement d'exécution JavaScript de haute performance écrit en Java pour la JVM (Java Virtual Machine).

Il permet aux développeurs d'intégrer le code JavaScript à l'intérieur de leurs applications Java et même d'utiliser les classes et méthodes Java à partir de leur code JavaScript. Il peut être conçu comme un substitut au moteur JavaScript V8 de Google. C'est un successeur de l'environnement d'exécution Rhino qui était fourni avec les versions antérieures du JDK. Nashorn est écrit à partir de zéro en utilisant les nouvelles fonctionnalités du langage comme JSR 292 (Supporting Dynamically Typed Languages) et invokedynamic.

Vous pouvez ainsi utiliser notamment :

• des classes ;
• de ... Voir la suite

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.

Granular est une réimplémentation de WPF, Windows Presentation Foundation. Ce dernier fournit aux développeurs un modèle de programmation unifié pour la construction moderne d'applications bureautiques sur Windows.

Granular est compilé en JavaScript, ce qui permet aux applications WPF de fonctionner dans le navigateur en utilisant le compilateur JavaScript Saltarelle C#).

WPF peut être considéré comme une définition, pas uniquement comme une implémentation. Il définit plusieurs concepts avancés de l'interface utilisateur (tels que les arbres visuels/logiques, la mise en page, les événements routés, les ressources, etc.).
Il supporte bien entendu les modèles MVVM et les autres modèles d'interface utilisateur. Granu ... Voir la suite