Développement Web768 ressources dans cette catégorie

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

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.

Photobooth.js est une bibliothèque open source en JavaScript qui permet d’intégrer dans un site Web assez aisément un système de prise de photo par webcam.

Photobooth s’appuie sur la méthode getUserMedia du framework audio et vidéo open source WebRTC, qui est actuellement en cours de standardisation par le W3C comme une partie du HTML5.

Photobooth.js permet de prendre directement des photos depuis un site Web. L’utilisateur a même la possibilité de contrôler la webcam, ainsi que l’image en y apportant des correctifs en direct comme la saturation, la luminosité, la teinte, etc.

Photobooth.js peut être utilisé avec les versions récentes de Chrome, Firefox, Opera ou tout autre navigateur supportant getUserMedia ... 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"

DareBoost est un outil en ligne qui permet d'analyser vos sites web pour fournir un rapport sur-mesure portant sur la performance web ainsi que la qualité.

Dans les rapports générés, vous retrouverez différentes métriques liées à la performance (temps de chargement, poids de la page...), des bonnes pratiques issues de Google Page Speed et de YSlow, les résultats des validateurs W3C mais aussi des conseils spécialisés, selon les technologies détectées sur vos sites web (configuration Apache, utilisation de jQuery...)

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.

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

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.

Ember.js est un framework JavaScript permettant de construire des applications Web ambitieuses.
Avec lui vous pourrez écrire considérablement moins de code grâce aux modèles intégrés Handlebars qui se mettent à jour automatiquement lorsque les données sous-jacentes changent.

Il incorpore également des expressions idiomatiques courantes afin que vous puissiez vous concentrer sur ce qui rend votre application exceptionnelle par rapport aux autres. Ne pas réinventer la roue est un leitmotiv.
Conçu pour la productivité avec une bonne ergonomie pour les développeurs, son API sympathique vous aide à développer rapidement.

Yarn est un gestionnaire de paquets permettant de gérer plus efficacement les dépendances. Il est conçu par Facebook suite à une collaboration avec Exponent, Google et Tilde. Il serait plus rapide, plus sûr et plus fiable que les outils actuels.

Fonctionnalités :

• compatibilité avec les workflows npm et Bower et prise en charge du mélange de ces registres ;
• possibilité de restreindre les licences des modules installés et un moyen de fournir des informations de licence ;
• exposition d’une API JS publique stable avec la journalisation abstraite pour la consommation de cette dernière à travers des outils de construction ;
• lisible, minimal et belle conception de la sort ... Voir la suite

De quel préfixe vendeur votre visiteur a-t-il besoin ?

Présentation
PrefixFinder est un petit script utilitaire permettant de gérer facilement les préfixes vendeurs liés au navigateur de votre visiteur lorsque vous devez manipuler les styles CSS.

Fonctionnalités
PrefixFinder propose diverses fonctions utiles :

• PrefixFinder.prefixe contient un objet composé de deux propriétés (.css et .js) indiquant le préfixe CSS et JavaScript du navigateur ;
• PrefixFinder.getPrefixedProp(propriete) est une méthode retournant un objet composé de deux propriétés (.css et .js) indiquant pour la propriété CSS propriete sa syntaxe CSS et JavaScript pour le navigateur de l'utilisate ... Voir la suite

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

FilteredPaste.js est un petit plugin jQuery qui va vous permettre de contrôler et de modifier les données collées dans vos inputs HTML.

Vous pouvez par exemple supprimer ou modifier des tags HTML que vous ne voulez pas dans le contenu final ou encore des attributs qui ne vous semblent pas nécessaires.
Ce plugin supporte l'annulation native des navigateurs (CTRL + Z) mais n'est pas encore supporté sur Internet Explorer et Opera.

jWebAudio conserve les détails techniques de l'API Web Audio sous son capot et facilite le contrôle et la gestion du son.

Cette bibliothèque a été conçue et pensée pour les jeux Web. De ce fait elle propose plusieurs fonctions utiles dans un jeu comme le fondu, la boucle ou encore les sons multiples.

jWebAudio fonctionne à la fois avec jQuery et avec du JavaScript standard. Les fonctionnalités sont les mêmes dans les deux cas, seule la syntaxe d'appel des méthodes change.

Comme jWebAudio cible le contrôle du son dans un jeu vidéo, les fonctionnalités sont restreintes à celles réellement utiles. Ce qui en fait une bibliothèque ultra légère (9kb pour la version compressée).

Elle offre également un c ... Voir la suite

Uploadify est un petit plugin jQuery qui va vous permettre de gérer l'upload multiple dans vos formulaires.
Deux versions sont à votre disposition : la première gratuite utilisant Flash et la seconde payante utilisant les nouvelles fonctionnalités HTML5.

Quelque soit la version, le plugin gère l'upload multiple et le drag&drop. Il propose également une barre de progression en temps réel. Le plugin est personnalisable à souhait, vous pouvez donc l'adapter à votre design. Enfin il propose aussi une restriction de fichier (par type, poids, etc.).

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

amCharts est une bibliothèque JavaScript graphique avancée et indépendante qui convient à n'importe quel besoin de visualisation de données. Elle propose différents types de graphiques à intégrer dans vos pages Web : en colonnes, linéaires, par zone, en étape, comme un radar, le camembert, les bulles, les jauges, etc. Avec son côté "responsive", cette bibliothèque convient tout aussi bien pour les affichages sur desktop que sur écrans tactiles.

C'est grâce à un éditeur visuel que vous constituez vos graphiques. C'est un gain de temps qui limite le nombre d'erreurs. Vous pouvez créer, sauvegarder et partager vos graphiques.

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

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 !

Zepto est une bibliothèque JavaScript minimaliste pour les navigateurs modernes avec une API en grande partie compatible avec jQuery.

Cette petite bibliothèque se charge rapidement. Son côté minimaliste implique donc que les anciens navigateurs ne sont pas supportés. Par contre elle est très pratique pour les applications natives et fonctionne parfaitement sur PhoneGap et compagnie.

Le code source est clair et concis. Outre jQuery, il est compatible avec Backbone et le Bootstrap de Twitter. Il est d'ailleurs portable (il se base sur le système de build de Node.js).

Cette bibliothèque gère par exemple :

• l' AJAX, JSONP ;
• des sélecteurs, getteurs et setteurs ;
• des méthodes de man ... Voir la suite