Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Minimit Anima est un plugin jQuery qui vous permet d'animer vos pages Web à l'aide des animations CSS3 (transforms et transitions).
Il est très rapide à l'exécution et propose un fallback par défaut pour les anciens navigateurs non compatibles avec les animations CSS3.

De quel préfixe vendeur votre visiteur a-t-il besoin ?

Présentation
PrefixFinder est un petit script utilitaire permettant de gérer facilement les préfixes vendeurs liés au navigateur de votre visiteur lorsque vous devez manipuler les styles CSS.

Fonctionnalités
PrefixFinder propose diverses fonctions utiles :

• PrefixFinder.prefixe contient un objet composé de deux propriétés (.css et .js) indiquant le préfixe CSS et JavaScript du navigateur ;
• PrefixFinder.getPrefixedProp(propriete) est une méthode retournant un objet composé de deux propriétés (.css et .js) indiquant pour la propriété CSS propriete sa syntaxe CSS et JavaScript pour le navigateur de l'utilisate ... Voir la suite

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

J'ai récupéré le fichier sur le site officiel et fusionné une modif d'un autre site pour permettre le disable/enable du pluggin officiel

Le jeu du printemps 2014, dans une adaptation JS maison.
Principale nouveauté: possibilité de corriger en permanence ses déplacements!
Merci à ma fille de me l'avoir fait découvrir il y a une semaine (oui, je sais, je suis en retard d'un an).

(Mise à jour du code pour des raisons de propreté...;
Je mets le HTML aussi, mais sans l'affichage des scores, qui nécessite juste un ptit insert via php)

Démo en ligne

Cette extension ouvre vos nouveaux onglets avec comme image de fond une photo de moto.

Comment l'installer ?

• Aller sur cette url : chrome://extensions
• Cocher le mode développeur si ce n'est pas fait.
• Cliquer sur choisir l'extension non empaquetée et choissir le dossier téléchargé (mais il faut le dézziper avant de faire ces étapes).

Et voila, c'est installé.

Highcharts est une bibliothèque graphique écrite en HTML5 et JavaScript, offrant des graphiques complets et complexes, mais intuitifs et interactifs pour votre site ou votre application Web. Elle implémente différents types de graphiques (colonnes, lignes, aires, camemberts, nuages de points, etc.). Développée pour les mobiles, Highcharts supporte les tableaux de bord interactifs ou autonomes dans tout projet Web.

dhtmlxGantt est un outil de la suite DHXTML (un framework JavaScript) qui permet d’intégrer des diagrammes de GANTT dans des pages web et de réaliser ainsi la gestion d’un projet complètement en ligne.

Imba est un langage se compilant en JavaScript. Ce langage est le fruit de plus de six années de réflexions menées dans le but de faire tourner Ruby dans les navigateurs.

Imba provient d'un fork avec CoffeScript.

Il dispose de fonctionnalités pour la définition, l’extension, le sous-classement, l’instanciation et le rendu des nœuds du DOM. Comme avantage mis en avant, il se trouve qu’Imba dispose d’un support natif pour les tags et les sélecteurs. De même, le code compilé est très lisible et extrêmement performant. À titre d’exemple, on peut faire une comparaison entre le code écrit avec Imba et celui qui a été compilé.

Fly se décrit comme le système de build nouvelle génération.

Il se repose en effet sur les générateurs et les promesses introduites par la norme ECMAScript 6 (alias ES 2015). L'utilisation de ces nouveautés permet d'obtenir une API quasi transparente, où les tâches sont décrites simplement comme un module exportant une fonction. On retrouve ainsi une syntaxe similaire aux steams de Gulp, mais beaucoup plus claire et concise.

deepstream.io est un serveur Node.js open source qui permet aux clients de synchroniser les données d'applications sur navigateurs ou sur mobiles.

En pratique, il a une couche de mise en cache et la prise en charge des messages basés sur les événements et sur le protocole RPC.

Les appels RPC permettent aux fonctions d'être liées à des noms de fonction. Une belle propriété du protocole RPC utilisée dans deepstream.io est que si plusieurs clients sont en mesure de fournir le même RPC, le serveur peut éventuellement redistribuer les requêtes entre ces clients.

Hasha est un outil basé sur l'algorithme de hashage du module de cryptographie de Node.js. Il est cependant plus convivial et plus simple à mettre en place pour des opérations basiques.

Vous pouvez ainsi crypter :

• des chaînes de caractères ;
• des buffers ;
• des flux ;
• des fichiers.

Object Model est chargée d'apporter un typage dynamique fort en JavaScript.

JavaScript est déjà un langage typé à typage dynamique, mais ce typage est très libertaire et ne fournit pas du point de vue du développeur les avantages présupposés du typage dans un langage de programmation. De ce fait, on ne peut pas considérer que JavaScript ait un typage fort, même si cela peut encore faire débat. Ce qui fait que des erreurs de types sont encore source de nombreux bugs dans les applications JavaScript.

Pour s'assurer de sa stabilité, plus d'une centaine de tests ont été effectués sur tous les principaux navigateurs : Chrome, Firefox, Internet Explorer 9/10/11, Opera 20, Safari 5.1 et même la version preview de Microsoft Ed ... Voir la suite

dhtmlxFileSelector est un mini-composants de la bibliothèque DHTMLX.

Il est destiné à faciliter au développeur la lecture et la navigation à travers le système de fichier du client. En effet, de part sa conception, il rend simple la sélection de fichier dans une application web. Etant entièrement développé en JavaScript, il permet d’ouvrir une interface de dialogue et de sélectionner ainsi les fichiers dont on a besoin. Il permet de représenter entièrement votre système de fichier et s’intègre nativement au composant de formulaire dhtmlxForm.

Ce composant supporte également la localisation

J'avais posté il y a quelques années une fonction de suppression des diacritiques à l'aide d'expressions régulières.
La fonction normalize() permet de le faire beaucoup plus simplement en terme de lignes de code mais attention, pas forcément en terme de performance (cette fonction ne semble pas très optimisée sur certains navigateurs).
Cette fonction éclate chaque lettre accentuée en sa lettre de base suivie du diacritique.
Il suffit ensuite de faire un "écrémage" de ces diacritiques à l'aide d'une expression régulière.

Babel est un transpileur ECMAScript 6. Il transforme votre code ES6 en code ES5. Ce qui signifie que vous pouvez commencer à utiliser dès maintenant les nouvelles fonctionnalités du langage sans devoir attendre leur support par les navigateurs.

Babel sait compiler et traduire les éléments suivants :

• les raccourcis de fonction ;
• les fonctions asynchrones ;
• les classes ;
• la déstructuration ;
• les décorateurs ;
• let ;
• etc.

Mais Babel, c'est également une interaction avec d'autres outils JavaScript (ou non) comme React, NodeJS, Rails, Browserify. Etant compatible avec les principaux navigateurs, Babel peut également être étendu par div ... Voir la suite

DHTMLX-Gii est un générateur de tableaux pour le framework Yii 2 conçu par l'équipe DHX de la bibliothèque AJAX DHTMLX.

Ces tableaux sont modifiables selon la base de données de votre site. En utilisant la bibliothèque dhtmlxGrid, vous obtenez un panneau d'administration CRUD prêt à l'emploi. Dès l'installation de DHTMLX-Gii, un ensemble de pages Web apparaît et permet de changer le contenu de la base de données. Notons toutefois que les rôles et accès des utilisateurs ne sont pas définis. C'est à définir par vous-même.

Yii est un framework PHP open source pour créer des applications Web. Pour étendre les fonctionnalités de Gii, vous pouvez personnaliser les générateurs de code existant ou en écrire de nouveaux générat ... Voir la suite

dhtmlxDataSelector est un petit composant pour organiser vos données. En fait, il fait partie des mini composants qui ne sont pas officiellement inclu dans la suite DHTMLX. Ces derniers représentent cependant des solutions intéressants pour des parties précises de vos applications.

Il aide à gérer les limites de l'information qui peut être placé dans une liste déroulante. C'est une sélection qui offre la possibilité d'obtenir de grands ensembles de données de la base de données, qui regroupe l'ensemble et structure les données.

L'outil propose une recherche avancée et s'intègre facilement dans les dhtmlxForm. Il y a également le support de la localisation qui permet de traduire les libellés des boutons et l'intitulé d ... Voir la suite

AnyChart est une bibliothèque JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Vous pouvez utiliser ce framework pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

AnyMap gère toute la partie cartographie. Elle est utilisée notamment pour les prévisions météorologiques, la gestion des crises (situation), la gestion de l'énergie, les résultats d'élections, etc. Elle inclut une collection complète de cartes et est parfaitement compatible avec les autres ... Voir la suite

Avec le désir d’offrir aux développeurs Java une approche simple et légère pour créer des applications Web, voici JSweet, un transpileur de Java à JavaScript via TypeScript. Un transpileur ou un compilateur source à source est un type de compilateur qui prend le code source d'un langage de programmation et le compile dans un autre langage de programmation.

JSweet est construit au-dessus de TypeScript, le langage de programmation libre et open source développé par Microsoft, et qui est un surensemble de JavaScript. Cela permet d’amener les toutes dernières API JavaScript dans le monde Java. En d’autres termes, il permet aux développeurs de se reposer seulement sur leurs compétences en Java pour construire des applications web en J ... Voir la suite