Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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.

Resemble.js est une bibliothèque JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
Grâce à Resemble.js vous pourrez soit analyser une image seule, soit comparer deux images pour trouver leurs différences.

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 !

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é.

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

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.

Pour les développeurs C#, l’entreprise Object.Net a mis au point un compilateur source à source afin de permettre aux développeurs de compiler leur code C# en code JavaScript, peu importe qu’il soit pour le mobile, le web ou le bureau.

Par ailleurs, pour pouvoir faciliter davantage la tâche des développeurs, et surtout ceux qui ne disposent pas de l’EDI Visual Studio ou Visual Studio Code ou qui souhaitent simplement tester les fonctionnalités de Brige.Net, Object.Net a conçu un compilateur à volée basé sur Bridge.Net. Il se nomme Deck.Net et permet de transpiler directement en ligne, le code C# en code JavaScript.

Vous trouverez plus d'information 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.

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.

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

Bonjour,

Voici une petite calculatrice qui s'appuie sur du jquery (mais on pourrait s'en passer)

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.

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.

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.