Développement Web761 ressources dans cette catégorie

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

WebMatrix 2 RC s’arrime au développement mobile en proposant des outils permettant de mettre sur pied facilement des applications Web Mobiles. Les modèles pour ASP.NET, Node.js et PHP ont été mis à jour pour être mieux adaptés lors d’un affichage sur les terminaux mobiles. Le rendu des vues spécifiques en fonction des dispositifs (Tablette, iPhone, Windows Phone, etc..) est désormais possible.

L’EDI dispose des émulateurs allégés pour Windows Phone, iPad et iPhone, permettant d’avoir un aperçu rapide du fonctionnement de son site Web sur ces dispositifs. Des travaux sont en cours pour intégrer encore plus d’émulateurs.

Le support de jQuery Mobile est également au rendez-vous (auto-complexion, etc.). Plusieurs modèles d ... 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

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.

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 !

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.

QuickJS est un moteur JavaScript léger prenant en charge la spécification ES2019.

Conçu par Fabrice Bellard et Charlie Gordon, cet outil prend en charge les modules, les générateurs asynchrones et les mandataires. Il prend éventuellement en charge des extensions mathématiques telles que les grands entiers (BigInt), les grands nombres à virgule flottante (BigFloat) et la surcharge d'opérateurs.

En voici quelques caractéristiques :

• petit et facilement intégrable ;
• s'interprète rapidement avec un temps de démarrage très court ;
• prise en charge complète de l’Annexe B (compatibilité Web héritée) ;
• propose une petite bibliothèque standard intégrée avec les wrappers de la bibliothèque ... Voir la suite

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.

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.

Mozilla a lancé le projet Shumway. C'est une machine virtuelle écrite en JavaScript, couplé avec les technologies HTML5, qui permet le rendu des fichiers SWF sans avoir besoin de Flash Player.

Shumway est construit avec deux objectifs principaux : faire avancer le Web ouvert en toute sécurité en prenant en compte les formats fermés et propriétaires, et offrir un processus d’exécution pour les fichiers SWF et d’autres formats « Rich Media ».

Le projet est encore au stade expérimental et manque de certaines caractéristiques. La technologie finalisée pourrait être introduite dans Firefox et serait – théoriquement – compatible avec tout navigateur moderne supportant JavaScript et HTML5.

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.

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

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.

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.

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.

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