Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Affichez un simple petit bouton en quelques petites lignes de code pour remonter en haut de page sans avoir besoin d'un fichier image.
Très utile quand on utilise jQuery car très simple à mettre en place.

Tout comme Chrome (disponible pour iOS) et tout comme les Google Maps (accessibles hors-ligne sur Android), Google Drive – le service de stockage qui chapeaute à présent Google Docs – est disponible offline et sur les terminaux mobiles d'Apple.

Hors-ligne. Ce qui signifie que l’utilisateur peut « créer et éditer des documents ou laisser un commentaire. Tous les changements seront automatiquement synchronisés dès que vous vous reconnectez ».

Une fonctionnalité qui ne marche en revanche qu’avec la dernière version de Chrome.

En étant disponible à présent sur iOS (version 5.0 et ultérieures) Google Drive fait une attaque frontale à iCloud. Le mouvement est en tout cas d’importance et contrairement à Chrome pour ... Voir la suite

MIDI.js vous permet d'intégrer un séquenceur MIDI dans vos pages Web, le tout écrit en JavaScript.

Ce séquenceur est basé sur SoundFont, qui est un format de fichier contenant un son pour chaque note d'un ou plusieurs instruments. Le script utilise également l'API Audio pour connecter le séquenceur aux haut-parleurs.
Il supporte énormément d'instruments, qu'ils soient utilisés un par un ou en même temps.

Leaflet est une bibliothèque JavaScript open-source moderne qui permet d'afficher des cartes interactives optimisées pour les appareils mobiles.

Elle a été développée par Vladimir Agafonkin avec l'aide d'une équipe de contributeurs dédiés à ce projet.
Pesant à peine 30kb compressées, cette bibliothèque possède toutes les fonctionnalités que la plupart des développeurs ont toujours souhaités pour les cartes en ligne.

Leaflet a été pensé pour de la simplicité, de la performance et de l'utilisabilité.
Elle fonctionne correctement sur toutes les principales plateformes de bureau et de mobiles, en utilisant les avantages que prodiguent les navigateurs dernière génération avec l'HTML5 et le CSS3.
La bibliothèq ... Voir la suite

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

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.

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

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

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.

Cet exemple montre comment appliquer tous les styles d'un élément html vers un autre. Il est aussi possible de ne copier que les styles souhaités en en précisant la liste. Les styles obtenus sont ceux en cours pour l'élément, qu'ils aient été définis via l'attribut style, une feuille de style, ou bien hérités d'éléments parents.
Trois fonctions principales sont écrites et utilisées, getStyles, isStyleFirefox et copierStyles. C'est dernière qu'il suffit d'appeler pour réaliser l'opération.
Il existe un autre fonction, getCssText qui permet de récupérer tous les styles d'un élément sous la forme d'une chaîne au format de l'attribut style. Elle peut être intéressante lorsque l'on souhaite connaître précisément quels sont les styles d ... 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.

La fonction calculeOffsetLeft retourne le nombre de pixel à la gauche de l’élément (son abscisse), la fonction calculeOffsetTop le nombre au dessus (son ordonnée).

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.

L’API baptisée «Interactive Spaces » est écrite en Java, et est disponible sous les termes de la licence Apache permissive. Elle peut être utilisée pour l’instant sur les systèmes d’exploitation Linux et Mac OS X. La version Windows sera bientôt disponible.

L’API fournit une architecture de haut niveau pour la construction d'« activités » qui répondent à des événements dans un espace physique.

Dans le billet de blog qui annonce l’API, Google présente comme exemple une salle avec un écran intégré dans le plancher, et des caméras dans le plafond qui suivent les personnes au sein de cette surface. L’application crée des cercles de couleur sous les personnes qui sont dans cet espace, et les cercles suivent celles-ci.
... Voir la suite

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.

Ce plugin, créé par Dmitri Voronianski, ajoute une impression de profondeur à la page lorsque vous affichez une boîte modale. Le contenu principal fait un zoom arrière (il rétrécit) et se grise. Il fonctionne dans tous les navigateurs récents.

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.

La Milkbox est un clone de la lightbox mais écrite pour les versions 1.3.x et 1.4.x de Mootools (sauf la version 1.4.3 qui contient un bogue sur la méthode getProperty). La première personne à avoir créé une lightbox est Lokes Dhakar, dont la Milkbox s'inspire.

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.

Pour cela, il va falloir télécharger l’extension de Bridge.Net et l’installer dans Visual Studio ou encore utiliser Nuget pour installer le package Bridge.Net dans le projet de la bibliothèque de classe C#. Comme on peut le constater, ce transpileur est très dépendant de l’environnement de développement Visual Studio.

Vous trouverez plus d'information Voir la suite

Clippy, c'est le trombone qui vous parlait tout d'abord dans Microsoft Office pour vous assister de manière interactive dans l'utilisation de l'outil. Il s'est alors propagé dans les autres outils de la suite Office. Dans les versions Office de 1997 à 2004, vous avez pu le voir souvent de manière intrusive. D'abord apparaissant par défaut, Microsoft l'a finalement désactivé suite aux nombreuses critiques afin que l'utilisateur le fasse apparaitre selon sa propre envie.

Que les nostalgiques se rassurent, Clippy est à nouveau présent grâce à l'implémentation JavaScript Clippy.js. Suite à un constat assez simple disant que les gens aiment deux choses : l'échec des technologies Microsoft et l'obscurantisme des bibliothèques JavaScrip ... Voir la suite