Développement Web763 ressources dans cette catégorie

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

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

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.

Faker est une bibliothèque JavaScript écrite par Matthew Bergman et Marak Squires. Elle permet de générer de manière massive des données aléatoires (fausses données) pour les navigateurs ou bien pour Node.js.
Utile pour créer des exemples ou bien des jeux de tests avec des personnes, des adresses, des numéros de téléphones, des paragraphes de type lorem et bien d'autres possibilités.

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.

one.color a une API qui prend en charge les canaux alpha et les noms de couleur.

• Supporte RGB, HSV, HSL et CMYK.
• Les valeurs possibles pour tous les canaux sont 0..1
• Les instances sont immuables, un nouvel objet est créé pour chaque manipulation.
• Tous les calculs internes sont effectués à l'aide de virgule flottante, donc il: y a très peu de précision perdue en raison d'erreurs d'arrondi lors de la conversion entre les espaces colorimétriques.
• Canaux alpha supportés.
• Architecture extensible, vous pouvez facilement implémenter votre propre espaces colorimétriques.
• Manipulation de couleur chaînées.
• Transformation homogène entre les espaces colorimétriques.
... Voir la suite

A force de devoir gérer du multi device, je me suis fait un mini script qui me permet d'appliquer le bon événement quand j'en demande un.
plus besion de faire if(mobile) { /* evenement du touch */ } else { /* evenement du click */ }

Le script se divise en deux parties.
1) Récupération du type (mobile/desktop/autre).
2) L'associassion les événements que l'on souhaite.

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.

La bibliothèque Underscore est constituée d'un ensemble de fonctions JavaScript utiles et optimisées. Le but est de fournir une grande partie des fonctionnalités les plus utilisées sans s'encombrer du reste, contrairement aux frameworks réputés qui offrent un plus grand panel de possibilités. Elle comporte environs 80 fonctions qui touchent aux :

collections (each, map, find, filter, ... ) ;

tableaux (first, last, union, indexOf, ... ) ;

fonctions (bind, delay, once, after, ... ) ;

objets (keys, values, defaults, has, isEqual, isNumber, ... ).

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.

ExtJS est la bibliothèque JavaScript de Sencha permettant de coder des applications web interactives.

Avec le désir d’offrir aux développeurs Java une approche simple et légère pour créer des applications Web, voici JSweet, un transpileur de Java à JavaScript via TypeScript. Un transpileur ou un compilateur source à source est un type de compilateur qui prend le code source d'un langage de programmation et le compile dans un autre langage de programmation.

JSweet est construit au-dessus de TypeScript, le langage de programmation libre et open source développé par Microsoft, et qui est un surensemble de JavaScript. Cela permet d’amener les toutes dernières API JavaScript dans le monde Java. En d’autres termes, il permet aux développeurs de se reposer seulement sur leurs compétences en Java pour construire des applications web en J ... 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)

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.

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

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.

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.