Développement Web769 ressources dans cette catégorie

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

Excellent framework pour développer rapidement des application web, directement sous EDI Delphi.
- intranet / extranet / web
- sur tous support : Desktop, Laptop, Tablette, Mobile, ...
- sur toute plate forme : lancé depuis n'importe quel navigateur, il cible naturellement : windows, mac os, iOS, Android, linux (wine)

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

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)

Grâce à cette fonction, vous allez pouvoir convertir n'importe quelle chaine de caractère en une chaine encodée pour vos URL.
Ceci peut s'avérer très utile lorsque vous souhaitez mettre le titre de vos articles dans vos URL par exemple.

Exemples :

"C'est super cool développez.com !" deviendra "c-est-super-cool-developpez-com"

"Très sympa cette petite fonction PHP >>> (Elle est jolie)" deviendra "tres-sympa-cette-petite-fonction-php-elle-est-jolie"

Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.

Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :

• le mouse hover, à savoir, dès que la souris passe dessus ;
• le clic sur le GIF ;
• le touch event, hé oui, il faut bien penser tactile de nos jours.

L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.

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.

Ember.js est un framework JavaScript permettant de construire des applications Web ambitieuses.
Avec lui vous pourrez écrire considérablement moins de code grâce aux modèles intégrés Handlebars qui se mettent à jour automatiquement lorsque les données sous-jacentes changent.

Il incorpore également des expressions idiomatiques courantes afin que vous puissiez vous concentrer sur ce qui rend votre application exceptionnelle par rapport aux autres. Ne pas réinventer la roue est un leitmotiv.
Conçu pour la productivité avec une bonne ergonomie pour les développeurs, son API sympathique vous aide à développer rapidement.

Ceci est un simple menu qu j'ai essayé de mettre au point qui donne un effet lumineux transitionnelle au survol de la souris.

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.

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

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

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

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

Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.

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.

Photobooth.js est une bibliothèque open source en JavaScript qui permet d’intégrer dans un site Web assez aisément un système de prise de photo par webcam.

Photobooth s’appuie sur la méthode getUserMedia du framework audio et vidéo open source WebRTC, qui est actuellement en cours de standardisation par le W3C comme une partie du HTML5.

Photobooth.js permet de prendre directement des photos depuis un site Web. L’utilisateur a même la possibilité de contrôler la webcam, ainsi que l’image en y apportant des correctifs en direct comme la saturation, la luminosité, la teinte, etc.

Photobooth.js peut être utilisé avec les versions récentes de Chrome, Firefox, Opera ou tout autre navigateur supportant getUserMedia ... Voir la suite

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.