Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Toolbar.js est un petit plugin jQuery bien utile !

En effet celui-ci va vous permettre de créer simplement et rapidement des barres d'outils (ou des menus) se présentant comme un tooltip afin de les intégrer dans votre site ou application Web. La barre d'outil ainsi créée est facilement personnalisable en utilisant les icônes de Twitter Bootstrap et permet une grande flexibilité quant à son affichage et son nombre d'icônes.

Les principales fonctionnalités de ce plugin sont :

• une implémentation extrêmement simple avec des options toutes aussi simples ;
• vous pouvez créer autant de barres d'outils que nécessaires ;
• vous pouvez attacher ces barres d'outils à n'importe quel élément ;
• Voir la suite

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.

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.

Les API WebRTC (Real-Time Communications) sont très diverses et variées. Parmi celles-ci le support des appels voix et vidéo est une des fonctionnalités les plus importantes. Holla est une bibliothèque JavaScript qui facilite énormément l'utilisation des API WebRTC pour ces appels. En effet les API natives étant relativement bas niveau il peut parfois être compliqué voir barbare de les utiliser. Ce problème est maintenant résolu grâce à Holla !

Holla dispose de deux composants : un composant serveur Node.js et un composant côté client.
Le composant serveur aide à gérer les appels peer-to-peer entre les utilisateurs en utilisant des usernames.
Une fois que les usernames sont enregistrés, l'utilisateur peut envoyer des de ... Voir la suite

Instafeed est une bibliothèque CoffeeScript qui vous permet de manière on ne peut plus simple d'intégrer des images provenant d'Instagram dans vos pages Web.

Ce script va automatiquement chercher la et la remplir avec toutes les images Instagram tagguées "awesome". Vous pouvez bien évidemment modifier le comportement en utilisant les options standards et avancées.

Les utilisateurs de smartphones et de tablettes connaissent bien cette fonctionnalité qui consiste à rafraichir une page en la "tirant" avec le doigt. Le côté pratique de cette fonctionnalité est admis par tous dans la mesure où ces utilisateurs ne disposent ni de souris ni de clavier.

Pourquoi les utilisateurs d'ordinateur ne pourraient-ils pas eux aussi rafraichir les pages Web par un simple mouvement de souris ? Et bien c'est maintenant possible grâce à cette librairie JavaScript !

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.

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.

Foundation est un framework CSS qui permet de concevoir rapidement des interfaces Web « responsive » fluides et réactives. Cette technique permet de créer une seule interface qui s’adapte automatiquement aux tailles d’écrans des différents appareils (PC, tablettes, smartphones, etc.).

Le framework propose des fonctionnalités comme un système de grilles pour le positionnement des éléments en CSS, un système de layout responsive pour adapter le site aux différents navigateurs web et mobiles, des éléments d’interfaces (onglets, tableaux, etc.) et bien plus.

Utilisation de Zepto, la bibliothèque JavaScript légère compatible jQuery.

En outre, une fonctionnalité « mixins » puissante est disponible avec la version ... Voir la suite

Heyoffline.js a pour but de prévenir de tous problèmes liés à une déconnexion (au sens réseau/internet). En effet, si l'utilisateur est en train de remplir un quelconque formulaire (d'inscription par exemple) et que sa connexion est instable, il se peut qu'il perde toutes les informations déjà saisies lors de la validation. Ce script JavaScript permet d'éviter ce comportement.

Heyoffline est écrit en CoffeeScript et compilé en JavaScript. Il s'affranchit de tous frameworks (vous n'avez pas besoin de jQuery par exemple). Avec ce script vous pouvez :

• afficher le message d'erreur réseau uniquement si l'utilisateur modifie un champ ;
• surcharger les styles par défaut ;
• masquer le bouton annuler ;
< ... Voir la suite

JayData est une bibliothèque JavaScript basée sur les standards. Elle est multiplateforme et propose un ensemble de pratiques pour accéder et manipuler des données provenant de diverses sources en ligne et hors ligne, que ce soit des applications mobiles, des applications Web et dans du code côté serveur comme NodeJS.

Vous pouvez utiliser JayData pour accéder aux données de IndexedDB, Facebook, LocalStore, Windows Azure, etc. depuis JavaScript.

Ses atouts sont :

• une adaptation facile avec l'aspect métier de vos applications ;
• le respect des standards du HTML5 ;
• la conformité OData (Open Data Protocol) qui permet le partage des données ;
• la simplicité d'utilisation malgré le supp ... Voir la suite

TimeJump est un script qui vous permet de créer des "liens profonds" vers des instants précis d'un flux vidéo ou audio HTML5.
Pour se faire le script reconnait automatiquement un paramètre "t" (pour time) dans l'url et affiche le flux à l'instant correspondant à la valeur du paramètre.

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

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.

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

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.

Le composant dhtmlxConnector pour PHP permet de réaliser une application dhtmlx avec un back-end PHP. Il supporte les framework suivants :


CodeIgniter ;
Yii ;
CakePHP ;
Lavarel.

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.

Damo est un framework jQuery MVC two-way data binding, pour réduire le code JavaScript et produire un applicatif dans un délai court. Partant du principe que Angular 1 n'est pas tout à fait complet ou pertinent, le concepteur de Damo a désiré pallier à certains problèmes.

Il propose notamment :

• la syntaxe html ;
• les filtres ;
• les directives ;
• le scope ;
• la modularité ;
• le routing ;
• etc.