Codes sources JavaScript122 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

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.

Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.

Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :

• le mouse hover, à savoir, dès que la souris passe dessus ;
• le clic sur le GIF ;
• le touch event, hé oui, il faut bien penser tactile de nos jours.

L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.

Avec le responsive de partout, il est parfois nécessaire de faire certaines actions pour certaines tailles d'écran

J'ai fais un fichier de démo qui contient plusieurs breakpoints de tests, vous pouvez bien sur spécifier ce que vous souhaitez.

J'ai aussi ajouté une variable "globale" qui permet a tout instant de savoir sur quel breakpoint on est

jStat est une bibliothèque permettant de faire des opérations statistiques sans avoir recours à des langages dédiés tels que MATLAB ou R.

La grande majorité des fonctionnalités de cette bibliothèque peuvent être utilisées sans aucune dépendance.
Cependant, pour afficher des graphiques, jStat se base sur le plugin jQuery flot. Il faut donc intégrer jQuery, jQuery UI et flot.

jStat fonctionne sur la plupart des navigateurs. Les limites du support surviennent à l'utilisation de l'élément HTML5 lorsque l'on veut afficher un graphique.

Pour finir, la bibliothèque utilise des fonctions de calcul statistiques très avancées.
De ce fait, il est nécessaire d'avoir un processeur suffisamment puissant pour ob ... Voir la suite

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.

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

Petit exemple de serveur Websoket Sécurisé sous forme de chat

websocket JS + serveur php : code d'évaluation validé Mozilla + Chrome juillet 2015 (la date est importante !)

Ce code tester en Javascript un controle et renvoi vrai (true) si le controle contient les 15 digits d'un No de Sécurité Sociale.
Il est donné pour enrichir le site des codes du même type pour javascript ayant été donné ailleurs.

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

vorlon.js est un outil open source destiné aux développeurs JavaScript permettant d’inspecter, débugger et tester à distance le code JavaScript. L’objectif étant de fournir un outil extensible et complètement indépendant de la plateforme ou du navigateur sur lesquels il s’exécute.

Vorlon.js est alimenté par Node.js, Socket.io. La devise est pas de code natif, pas de dépendance à un navigateur spécifique, uniquement du HTML et du CSS s’exécutant sur la machine de votre choix.
C'est une sorte de petit serveur Web.

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

Réduisez simplement vos ancres de vos liens en plaçant ce bout de code jQuery sur vos pages.

Exemple : https://www.votredomaine.com/votrerepertoire/votresousrepertoire/votrepage.html deviendra https://www.votredomaine.com/votr...page.html

Ce petit script peut s'avérer très utile pour les versions mobile lorsque le lien est trop long et dépasse la taille de l'écran.

plugin jQuery dvjhGoUp.

Monter. Go up.

Le plug-in place cette image en position fixe, dans le coin inférieur droit. L'image devient visible et cliquable lorsque le contenu de la page se déplace verticalement de plus de 300 pixels. Un clic sur l'image vous renvoie au sommet de la page.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/goUp/goUp.php

plugin jQuery dvjhBBCodeTextarea.

Ajout de balises, BBCode ou autre, dans un textarea.

Le rôle du plug-in est "seulement" de placer les balises souhaitées au bon endroit. Il vous appartient de développer la logique propre à votre application et aux balises (vous n'êtes pas limité au BBCode) que vous utiliserez.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/bbcode/bbcode.php

plugin jQuery dvjhElastique

Texte élastique avec ou sans effet LasVegas.

On peut choisir soit d'arrêter l'animation en conservant la taille et la couleur, soit de restaurer le contenu original.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/elastique/elastique.php

QuickJS est un moteur JavaScript léger prenant en charge la spécification ES2019.

Conçu par Fabrice Bellard et Charlie Gordon, cet outil prend en charge les modules, les générateurs asynchrones et les mandataires. Il prend éventuellement en charge des extensions mathématiques telles que les grands entiers (BigInt), les grands nombres à virgule flottante (BigFloat) et la surcharge d'opérateurs.

En voici quelques caractéristiques :

• petit et facilement intégrable ;
• s'interprète rapidement avec un temps de démarrage très court ;
• prise en charge complète de l’Annexe B (compatibilité Web héritée) ;
• propose une petite bibliothèque standard intégrée avec les wrappers de la bibliothèque ... Voir la suite

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.

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

Cette fonction, utilisant une unique expression régulière, est très rapide et particulièrement recommandée pour des traitements intensifs (conversion de listes, comparaisons multiples...)."
Elle présente la particularité de fonctionner aussi avec les graphèmes tels que "æ", "œ".
L'expression régulière est construite directement à partir d'un Object 'dicLetAcc' utilisé comme dictionnaire de conversion, lui-même élaboré à partir d'un premier Object 'dicConv', présentant les données de manière plus lisible et plus facile à maintenir.
Ce dictionnaire est limité aux caractères utilisés en français plus quelques autres, ajoutez simplement les conversions qui vous manquent, ou au contraire simplifiez-le pour ne conserver que les car ... Voir la suite