Développement Web763 ressources dans cette catégorie

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

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

DHTMLX-Gii est un générateur de tableaux pour le framework Yii 2 conçu par l'équipe DHX de la bibliothèque AJAX DHTMLX.

Ces tableaux sont modifiables selon la base de données de votre site. En utilisant la bibliothèque dhtmlxGrid, vous obtenez un panneau d'administration CRUD prêt à l'emploi. Dès l'installation de DHTMLX-Gii, un ensemble de pages Web apparaît et permet de changer le contenu de la base de données. Notons toutefois que les rôles et accès des utilisateurs ne sont pas définis. C'est à définir par vous-même.

Yii est un framework PHP open source pour créer des applications Web. Pour étendre les fonctionnalités de Gii, vous pouvez personnaliser les générateurs de code existant ou en écrire de nouveaux générat ... Voir la suite

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.

r..e est un module Node permettant de manipuler des intervalles, des ranges dont une des syntaxe est début..fin.

Les plages sont spécifiées comme arguments distincts ou comme des chaînes de caractères. La valeur de retour est un tableau. La fonction range prend comme premier argument la valeur de départ et comme second argument la valeur d'arrivée. Les "pas" sont également pris en charge en tant que troisième paramètre.

Mais ce n'est pas tout, il y a également des méthodes permettant d'interroger un intervalle. Citons include qui vérifie la présence d'une valeur dans l'intervalle, each qui exécute une action pour chaque valeur de l'intervalle, join qui concatène les valeurs de l'intervalle avec un séparateur, mi ... Voir la suite

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.

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

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.

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

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

Sail.js simplifie la création d'applications Web personnalisées ou orientées entreprises. Le framework a été créé pour ressembler à l'architecture MVC de frameworks bien connu comme le Ruby On Rails, mais en supportant le côté plus moderne orienté « data » des applications Web.
Ce framework convient par exemple parfaitement pour créer une application de chat en temps réel.

Sail.js propose plusieurs fonctionnalités qui n'existent pas dans les autres frameworks MVC pour Node.js :

• une API JSON générée automatiquement pour manipuler les modèles ;
• le support de CoffeeScript et de LESS ;
• une minification automatique avec Rigging : votre code front-end est automatiquement inclu en mode de développeme ... 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.

TimeJump est un script qui vous permet de créer des "liens profonds" vers des instants précis d'un flux vidéo ou audio HTML5.
Pour se faire le script reconnait automatiquement un paramètre "t" (pour time) dans l'url et affiche le flux à l'instant correspondant à la valeur du paramètre.