Développement Web763 ressources dans cette catégorie

Outils et codes sources pour le développement internet, intranet, extranet

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

Vous avez forcément, à un moment ou à un autre, utilisé cette fonctionnalité sur votre lecteur de musique préféré.
Je parle de ces animations graphiques à base de lignes colorées, de bulles qui éclatent et bien d'autres formes au rythme de votre chanson favorite.
Et bien il est maintenant possible d'intégrer de telles animations dans votre site web grâce à Dancer.js !

Cette API est utilisable avec l'API Audio Data de Mozilla ainsi qu'avec l'API Web Audio de Webkit et flash fallback.

Dancer.js utilise les fréquences audio en temps réel pour les lier à des effets visuels aléatoires.
L'API peut détecter les battements de la musique jouée pour faire réagir l'animation visuelle.
Elle permet également de ... Voir la suite

Mousetrap est une librairie indépendante sans aucune dépendance externe.
Elle a l'avantage d'être très légère : environ 1,4kb.

Grâce à cette librairie, vous allez pouvoir gérer très simplement les évènements clavier (pression sur telle ou telle touche).
Elle est compatible avec les navigateurs suivants :

• Internet Explorer 6+
• Firefox
• Chrome
• Safari

Touches supportées par la librairie

Pour les modificateurs de touches vous pouvez utilisez shift, ctrl, alt, option, meta et command.
Les autres touches spéciales sont backspace, tab, enter, return, capslock, esc, escape, space, pageup, pagedown, end, home, left, up, right, d ... Voir la suite

Le plugin jQuery, appelé Flex, de Jason English est inspiré de l'ancienne page d'accueil Flash de Adidas.com. Jason n'a pas trouvé de plugin semblable et on lui a même rétorqué que c'était impossible à faire. La motivation est alors née, c'était un challenge qu'il se devait de relever.

Infinity.js est un plugin jQuery permettant d'obtenir un défilement rapide et stable pour les longues listes d'éléments. Il s'inspire du fonctionnement du composant UITableView d'iOS. Cette technique permet de faire apparaitre automatiquement la suite de la liste lorsque l'on fait défiler la page vers le bas.

csscss est un analyseur de code qui vous permet de détecter les redondances.
En fournissant un fichier CSS ou Sass à ce gem ruby, il vous détecte et affiche les règles CSS dupliquées.

YUI est la bibliothèque JavaScript de Yahoo! et est orientée interface utilisateur.

Aaron Newton travaille depuis plusieurs années sur la conception d'interfaces utilisateur et apporte beaucoup de contenu et de soutien à l'équipe MooTools. Il propose ici une bibliothèque pour le framework MooTools dont le but est d'automatiser des comportements afin d'alléger le code. Cette bibliothèque s'appelle MooTools Behavior (comportement).

Framework JavaScript d'interfaçage utilisateur conçu avec MooTools.

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.

jQuery Mobile est un framework centré interface utilisateur et optimisé pour les appareils tactiles. Il est construit avec jQuery.

Sonic a été conçu pour être rapide. Chaque décision a été comparée afin de déterminer la solution la plus rapide possible.
C'est loin d'être une science parfaite, mais de simples tests de référence Apache montre que Sonic est plus rapide que le Framework Zend.

Le code est propre et facile à lire. La mise en route est aussi facile que d'exécuter un script d'installation ou d'encoder votre URL dans un navigateur.

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

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.

Framework de développement Open Source permettant de créer des applications JavaScript complexes en utilisant le langage et les outils Java. Il est utilisé en interne par l’éditeur pour le développement de plusieurs de ses produits comme la plateforme publicitaire AdWords et le réseau social Orkut.

GWT apporte comme nouveauté phare la fonction Super Dev Mode. Cette fonction qui remplace Development Mode permet aux développeurs de rapidement recompiler leur code et voir le résultat dans un navigateur. Elle permet également d’utiliser un débogueur pour contrôler une application GWT en cours.

L'outil apporte de nouvelles optimisations au compilateur GWT, qui permet une réduction de près de 20% de la taille du code généré. ... Voir la suite

UglifyJS est un parser et compresseur JavaScript populaire. Il est d'ailleurs lui-même écrit en JavaScript.
Utilisé dans de nombreux systèmes de production, le parser est même inclus dans le WebKit. En deux ans UglifyJS a obtenu 3000 étoiles sur Github et des centaines de bugs ont été identifiés et fixés grâce à une communauté en pleine expansion. jQuery et (prochainement) Dojo l'utilisent pour compresser leur code.

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

A force de devoir gérer du multi device, je me suis fait un mini script qui me permet d'appliquer le bon événement quand j'en demande un.
plus besion de faire if(mobile) { /* evenement du touch */ } else { /* evenement du click */ }

Le script se divise en deux parties.
1) Récupération du type (mobile/desktop/autre).
2) L'associassion les événements que l'on souhaite.

Faites bouger, apparaître ou encore tourner vos éléments HTML avec la molette de votre souris
grâce à cette bibliothèque JavaScript.

En effet, comme son nom l'indique, Scrollable.js joue avec le "scroll".
Grâce à cette bibliothèque, vous pouvez désormais déplacer, faire un effet de FadeIn/FadeOut ainsi qu'appliquer une rotation à vos éléments HTML par l'action de votre molette de souris !

Vous pouvez consulter la démonstration pour avoir un aperçu du rendu dans un navigateur.

Scrollable.js nécessite l'inclusion de jQuery pour fonctionner.

La bibliothèque Keypress permet de capturer les événements clavier et propose plusieurs fonctionnalités avancées associées à ces événements.
Elle est simple à utiliser, ne pèse que 9kb et n'a aucune dépendance.
Elle peut donc être installée seule sans se soucier d'une éventuelle présence d'une autre bibliothèque (comme beaucoup qui sont basées sur jQuery par exemple).

Keypress se veut facile à intégrer et à utiliser, cependant, la bibliothèque est encore soumise aux retours utilisateurs et est donc susceptible d'être modifiée.
Si vous recherchez une bibliothèque stable, et que vous n'êtes pas intéressé par les fonctionnalités avancées, Keypress n'est pas fait pour vous.