Développement Web768 ressources dans cette catégorie

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

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

Repo.js est un nouveau plugin jQuery ultra léger permettant d'afficher simplement des dépôts GitHub.

En effet, afficher une arborescence telle que celle d'un dépôt peut vite devenir un casse-tête.
Il faut gérer l'apparence, mais également la transition entre les différents éléments.
Ces problèmes ont maintenant une solution : Repo.js !

Grâce à ce plugin utilisant jQuery, vous allez pouvoir afficher simplement l'arborescence d'un dépôt GitHub.
Ce plugin reprend l'interface du site officiel ce qui rend l'affichage plus plaisant, et surtout connu des habitués de GitHub.
Cela permet également une navigation plus facile entre les différents niveaux de l'arborescence, navigation intuitive.

Rapp ... Voir la suite

La solution de transfert de téléphone à téléphone numéro 1 mondial

1.MobileTrans est le meilleur logiciel de bureau pour transférer des contacts entre iPhone et Android, ainsi que d'autres types de données, notamment des photos, des applications, des musiques, des messages, des vidéos, etc. Le logicle vous permet de transférer des données entre les divers appareils sous Android (htc, samsung, etc.), symbian (nokia, motorola, etc.) et iOS (iphone, ipod, ipad). Il suffit d'un seul clic pour transférer des données d'un téléphone mobile à l'autre. plus de 2.000 appareils sont compatibles. vous pouvez transférer sélectivement des données entre deux mobiles, sans perte de données. par ailleurs, le transfert s'opère directement d'un tél ... Voir la suite

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.

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

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.

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 !

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.

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

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.

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.

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.

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.

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

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

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