Développement Web763 ressources dans cette catégorie

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

plugin jQuery nopainLasVegas

Simule une enseigne lumineuse de Las Vegas.

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/LasVegas/LasVegas.php

Cela vient en complément de mon article publié nommé :
"Écrire et lire (sans blocage) sur un Port COM série RS232 en PHP"

qui permettait de lire/écrire en boucle sur 1 port COM série à partir de
la console Windows (cmd.exe = mode console) côté serveur web.

Ici, on utilise toujours l'Extension PHP Direct IO, et on peut lire (écrire)
sur un port COM série RS232 côté serveur mais, la commande se fait à partir
d'un navigateur web situé côté client.
Il y a un timeOut et une pause permettant la lecture du port COM ouvert :
donc pas de blocage !
La page web dans le navigateur client est rafraîchie périodiquement :
- pour rafraîchir (touches Ctrl + R) et
- pour arrêter le re ... Voir la suite

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

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

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.

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 !

Cssed est un petit outil de développement et de validation, qui essaye de faciliter la rédaction de CSS. C'est un projet Open Source, cela signifie que vous pouvez télécharger le programme, mais aussi sa source.

Code Cola est une extension chrome vous permettant d'éditer le contenu d'une page web en ligne pour en modifier le CSS visuellement

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

Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.

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.

[b]Nuxt.js[/b] est un framework JavaScript permettant d’effectuer le rendu des applications web Vue.js par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur Vue (bibliothèque JavaScript), Webpack (grouper les modules avec les dépendances) et Babel (transpileur de code ES6 en code ES5).

[b]Nuxt.js[/b] se base sur six principes :
aucune installation à faire ;
seul JavaScript est nécessaire ;
rendu automatique par le serveur et fractionnement du code ;
récupération des données ;
anticipation pour une meilleure performance ;
déploiement simple.

Documentation officiel:[URL=https://nuxtjs.org][/URL]

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.

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.

Paon : le design pattern Observateur sans héritage en TypeScript / JavaScript.

Le design pattern (patron de conception) Observateur est omniprésent de nos jours. Que ce soit en programmation événementielle, avec les architectures MV* style Angular et la problématique du data-binding, la programmation dite reactive ou encore en conjonction avec l'approche Entity-Component-Systems.

La bibliothèque Paon (comme l'oiseau) a la modeste ambition de répondre à différents objectifs :

• être sans dépendance ;
• être simple à utiliser ;
• être généraliste et non rattaché à une architecture (notamment MV*) ;
• ne pas contraindre la structure des objets à observer via l'héritage que ce soit p ... Voir la suite

Grâce à cette fonction, vous allez pouvoir convertir n'importe quelle chaine de caractère en une chaine encodée pour vos URL.
Ceci peut s'avérer très utile lorsque vous souhaitez mettre le titre de vos articles dans vos URL par exemple.

Exemples :

"C'est super cool développez.com !" deviendra "c-est-super-cool-developpez-com"

"Très sympa cette petite fonction PHP >>> (Elle est jolie)" deviendra "tres-sympa-cette-petite-fonction-php-elle-est-jolie"

Aurelia (anciennement Durandal) est considéré comme le framework JavaScript concurrent de Angular. C'est un framework JavaScript MV* (Model, View, et ce que vous voulez pour relier les deux). Il est écrit avec les dernières spécifications EcmaScript 6 et 7.

Le code est transpilé en ES5 et des polyfills sont ajoutés afin de garantir son support sur tous les navigateurs modernes. Il s'accomode très bien avec TypeScript, CoffeeScript ou AtScript.

Parmi sa longue liste de fonctionnalités, on peut citer :

• un data-binding adaptatif très complet, avec deux fallbacks possibles (Object.observe en ES6, getter/setters en ES5 ou dirty checking en dernier recours pour le reste des navigateurs) ;
• une forte in ... Voir la suite

JavaPoly.js est une bibliothèque JavaScript qui étend le support (polyfill) de la machine virtuelle Java (JVM). Elle importe le code Java existant et l’appelle directement à partir de JavaScript dans le navigateur. La bibliothèque fonctionne même si l’utilisateur n’a pas Java installé sur son ordinateur. Cela permet à Java de pouvoir s'exécuter dans le navigateur sans devoir passer par une applet.

En théorie, tous les langages qui s'exécutent dans la JVM sont supportés par JavaPoly. Par exemple : Groovy, Scala et même Python via Jython.

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

Bonjour,

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