Développement Web763 ressources dans cette catégorie

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

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

Editeur Web open source, permettant de développer en HTML, CSS, PHP, JavaScript et autres langages et contenant quelques fonctionnalités intéressantes comment d'édition rapide de code CSS directement depuis le code HTML.

Application disponible gratuitement et actuellement en version bêta.

Wink Toolkit est un ensemble léger d'outils JavaScript qui vous aide à créer des applications Web mobiles. Il est conçu et développé pour répondre aux contraintes spécifiques de l'environnement mobile.

Il offre toutes les fonctionnalités de base dont un développeur mobile a besoin afin de gérer les manipulations tactiles et de modifier les objets du DOM ainsi que les transformations CSS. En outre, il offre une large gamme de composants UI pour vous aider à améliorer l'apparence d'une application Web ou tout simplement pour expérimenter de nouvelles interventions de l'utilisateur.

Wink est basé sur des technologies Web standards : JavaScript, CSS et HTML5. C'est pourquoi il peut fonctionner sur de nombreuses plates-form ... Voir la suite

RequireJS est une bibliothèque JavaScript qui gère le chargement de modules et de fichiers JavaScript. Il est optimisé pour une utilisation dans le navigateur, mais il peut être utilisé dans d'autres environnements JavaScript comme Rhino et Node. Il améliore la vitesse et la qualité de votre code.

Le but de CoffeeScript est de faire abstraction de la syntaxe de JavaScript qui ne reflèterait pas les concepts profonds du langage, dont le noyau et le modèle orienté objet ou fonctionnel sont assez bons.

Parmi les avantages de CoffeeScript par rapport à JavaScript, on note un code moins chargé, moins long à taper, une syntaxe plus claire et plus lisible qui utilise les fonctions et les boucles de manière très compacte, ainsi qu’un mécanisme de classe et d’héritage simplifié.
Il offre une meilleure prise en charge des fichiers codés au format Microsoft UTF-8 BOM (Byte Order Mark)

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

alt-checkbox est un plugin jQuery qui vous permet de personnaliser vos checkbox.
Le plugin contient une feuille de style CSS par défaut qui utilise icon fonts.
Vous pouvez ainsi redimensionner vos checkbox ou encore utiliser des icônes exotiques.

Jeu de combat

Ceci est un simple menu qu j'ai essayé de mettre au point qui donne un effet lumineux transitionnelle au survol de la souris.

TextWrangler est un éditeur de texte très puissant. Il permet de créer et modifier des fichiers RTF, TXT, HTML, PHP, etc. Il offre un grand nombre de fonctions.
C'est une version gratuite qui est basée sur BBedit.

Ce plugin jQuery vous permet de déplier des éléments pour révéler davantage de contenu à la manière d'un morceau de papier qui a été plié. Un élément peut être déplié en 3D afin de révéler un autre contenu. La direction du dépliage et le nombres d'étapes sont paramétrables. Chaque étape va doubler la taille de l'élément.

Le concept est sympa mais notons toutefois que le projet est expérimental. D'ailleurs, pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, le plus grand contenu apparaît alors sans étape.

La taille du contenu final dépendra de la taille du contenu initial (définie dans le CSS) mais aussi des directions du pliage et du nombre d'étapes. Par exemple, un élément initia ... Voir la suite

Knock-out est une bibliothèque JavaScript qui permet de créer des interfaces utilisateur riches et dynamiques, ainsi qu'un éditeur d'interface utilisant un modèle de données sous-jacent. C'est une architecture MVVM (Modèle-Vue-VueModèle).

Avec cet outil, vous pouvez faire, par exemple :

• une mise à jour automatique des bonnes parties de votre interface utilisateur à chaque changement du modèle de données ;
• des liaisons déclaratives. C'est une façon simple et évidente pour relier votre interface utilisateur à votre modèle de données ;
• mettre en œuvre des comportements personnalisés comme de nouvelles liaisons déclaratives pour une réutilisation facile en seulement quelques lignes de code.

< ... Voir la suite

Next.js, 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 (bibliothèque JavaScript conçue par Facebook), Webpack (grouper les modules avec les dépendances) et Babel (transpileur de code ES6 en code ES5).

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


Vous trouverez plus d'information Voir la suite

VexFlow est une API qui permet un rendu graphique de partitions et de tablatures dans vos pages Web. Elle est entièrement écrite en JavaScript et supporte les canvas ainsi que le SVG.

VexFlow offre un langage de programmation simple à utiliser : le VexTab. Grâce à ce langage vous pourrez facilement créer, éditer et afficher des partitions standards ainsi que des tablatures de guitare.

Cette bibliothèque permet d'obtenir une précision arbitraire sur les opérations arithmétiques avec des nombres décimaux et non décimaux.

Elle fonctionne dans Node, sur les navigateurs et est disponible en tant que module AMD. Elle est livré avec des tests et leur évaluation. Le but était d'écrire quelque chose de plus rapide et plus facile à utiliser que les versions JavaScript de BigDecimal du Java.

Les objets créés avec BigNumber se comportent comme le type Number. On y trouve notamment les méthodes toExponential, toFixed, toPrecision et toString.

r..e est un module Node permettant de manipuler des intervalles, des ranges dont une des syntaxe est début..fin.

Les plages sont spécifiées comme arguments distincts ou comme des chaînes de caractères. La valeur de retour est un tableau. La fonction range prend comme premier argument la valeur de départ et comme second argument la valeur d'arrivée. Les "pas" sont également pris en charge en tant que troisième paramètre.

Mais ce n'est pas tout, il y a également des méthodes permettant d'interroger un intervalle. Citons include qui vérifie la présence d'une valeur dans l'intervalle, each qui exécute une action pour chaque valeur de l'intervalle, join qui concatène les valeurs de l'intervalle avec un séparateur, mi ... Voir la suite

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.

La team AWS (Amazon Web Services) Developer Tools vient de publier un kit de développement qui permettra aux développeurs Node.js d’accéder facilement à sa plateforme de Cloud Computing.

Ce nouveau SDK permettra d’exploiter avec souplesse les fonctionnalités des solutions d’Amazon Web Services, notamment la plateforme de stockage Cloud Amazon S3 (Simple Storage Service), Amazon EC2 (Elastic Compute Cloud), ainsi qu’Amazon DynamoDB.

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

Stapes.js est très léger et est facile à inclure dans du code existant. Il ne vous oblige pas à écrire votre code dans un style spécifique. En raison de sa petite taille, il est idéal pour le développement mobile.

Ce framework ne redéfinit pas les collections, les modèles, les vues et les controlleurs que vous pouvez trouver dans d'autres framework. En fait, il fournit par exemple :

• un puissant système d'événements utilisant les méthodes on et emit ;
• des classes ECMAScript de type Harmony ;
• la récupération des attributs sur les événements à l'aide de get et set ;
• des méthodes filter et remove pour les attributs ;
• utilisable en Javascript traditionnel, comme un module AMD (pour Req ... Voir la suite