Développement Web766 ressources dans cette catégorie

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

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

Vous avez forcément, à un moment ou à un autre, utilisé cette fonctionnalité sur votre lecteur de musique préféré.
Je parle de ces animations graphiques à base de lignes colorées, de bulles qui éclatent et bien d'autres formes au rythme de votre chanson favorite.
Et bien il est maintenant possible d'intégrer de telles animations dans votre site web grâce à Dancer.js !

Cette API est utilisable avec l'API Audio Data de Mozilla ainsi qu'avec l'API Web Audio de Webkit et flash fallback.

Dancer.js utilise les fréquences audio en temps réel pour les lier à des effets visuels aléatoires.
L'API peut détecter les battements de la musique jouée pour faire réagir l'animation visuelle.
Elle permet également de ... Voir la suite

Mousetrap est une librairie indépendante sans aucune dépendance externe.
Elle a l'avantage d'être très légère : environ 1,4kb.

Grâce à cette librairie, vous allez pouvoir gérer très simplement les évènements clavier (pression sur telle ou telle touche).
Elle est compatible avec les navigateurs suivants :

• Internet Explorer 6+
• Firefox
• Chrome
• Safari

Touches supportées par la librairie

Pour les modificateurs de touches vous pouvez utilisez shift, ctrl, alt, option, meta et command.
Les autres touches spéciales sont backspace, tab, enter, return, capslock, esc, escape, space, pageup, pagedown, end, home, left, up, right, d ... Voir la suite

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.

Le plugin jQuery, appelé Flex, de Jason English est inspiré de l'ancienne page d'accueil Flash de Adidas.com. Jason n'a pas trouvé de plugin semblable et on lui a même rétorqué que c'était impossible à faire. La motivation est alors née, c'était un challenge qu'il se devait de relever.

Infinity.js est un plugin jQuery permettant d'obtenir un défilement rapide et stable pour les longues listes d'éléments. Il s'inspire du fonctionnement du composant UITableView d'iOS. Cette technique permet de faire apparaitre automatiquement la suite de la liste lorsque l'on fait défiler la page vers le bas.

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.

YUI est la bibliothèque JavaScript de Yahoo! et est orientée interface utilisateur.

Aaron Newton travaille depuis plusieurs années sur la conception d'interfaces utilisateur et apporte beaucoup de contenu et de soutien à l'équipe MooTools. Il propose ici une bibliothèque pour le framework MooTools dont le but est d'automatiser des comportements afin d'alléger le code. Cette bibliothèque s'appelle MooTools Behavior (comportement).

Framework JavaScript d'interfaçage utilisateur conçu avec MooTools.

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

jQuery Mobile est un framework centré interface utilisateur et optimisé pour les appareils tactiles. Il est construit avec jQuery.

Sonic a été conçu pour être rapide. Chaque décision a été comparée afin de déterminer la solution la plus rapide possible.
C'est loin d'être une science parfaite, mais de simples tests de référence Apache montre que Sonic est plus rapide que le Framework Zend.

Le code est propre et facile à lire. La mise en route est aussi facile que d'exécuter un script d'installation ou d'encoder votre URL dans un navigateur.

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

UglifyJS est un parser et compresseur JavaScript populaire. Il est d'ailleurs lui-même écrit en JavaScript.
Utilisé dans de nombreux systèmes de production, le parser est même inclus dans le WebKit. En deux ans UglifyJS a obtenu 3000 étoiles sur Github et des centaines de bugs ont été identifiés et fixés grâce à une communauté en pleine expansion. jQuery et (prochainement) Dojo l'utilisent pour compresser leur code.

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

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

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 !

Faites bouger, apparaître ou encore tourner vos éléments HTML avec la molette de votre souris
grâce à cette bibliothèque JavaScript.

En effet, comme son nom l'indique, Scrollable.js joue avec le "scroll".
Grâce à cette bibliothèque, vous pouvez désormais déplacer, faire un effet de FadeIn/FadeOut ainsi qu'appliquer une rotation à vos éléments HTML par l'action de votre molette de souris !

Vous pouvez consulter la démonstration pour avoir un aperçu du rendu dans un navigateur.

Scrollable.js nécessite l'inclusion de jQuery pour fonctionner.

La bibliothèque Keypress permet de capturer les événements clavier et propose plusieurs fonctionnalités avancées associées à ces événements.
Elle est simple à utiliser, ne pèse que 9kb et n'a aucune dépendance.
Elle peut donc être installée seule sans se soucier d'une éventuelle présence d'une autre bibliothèque (comme beaucoup qui sont basées sur jQuery par exemple).

Keypress se veut facile à intégrer et à utiliser, cependant, la bibliothèque est encore soumise aux retours utilisateurs et est donc susceptible d'être modifiée.
Si vous recherchez une bibliothèque stable, et que vous n'êtes pas intéressé par les fonctionnalités avancées, Keypress n'est pas fait pour vous.