Développement Web763 ressources dans cette catégorie

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

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

[b]Nuxt.js[/b] est un framework JavaScript permettant d’effectuer le rendu des applications web Vue.js par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur Vue (bibliothèque JavaScript), Webpack (grouper les modules avec les dépendances) et Babel (transpileur de code ES6 en code ES5).

[b]Nuxt.js[/b] se base sur six principes :
aucune installation à faire ;
seul JavaScript est nécessaire ;
rendu automatique par le serveur et fractionnement du code ;
récupération des données ;
anticipation pour une meilleure performance ;
déploiement simple.

Documentation officiel:[URL=https://nuxtjs.org][/URL]

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.

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

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)

Grid-kiss est un plugin PostCSS pour faire des layouts en grille ultra-simplement.

PostCSS est un parseur et un processeur de CSS, à la manière des préprocesseurs SASS/Less/Stylus, mais en beaucoup plus modulaire. C'est un peu l'équivalent de Babel en CSS.

Ce plugin de PostCSS vous permet de "dessiner" en ASCII-Art les layouts que vous souhaitez pour vos éléments, et convertira cela en un ensemble de règles CSS standard équivalentes. Il utilise de base la spécification Grid Layout, en cours d'implémentation dans les navigateurs et ne fonctionnant actuellement que sur Chrome Canary et Firefox Nightly. Mais il dispose d'une option fallback utilisant position:absolute et calc() pour amener le support à la majorité ... Voir la suite

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

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.

Immutable.js est une bibliothèque JavaScript développée par Facebook. Elle permet de manipuler des structures de données non mutables, c'est-à-dire qu'elles ne sont pas modifiées lorsqu'elles interviennent en tant que paramètres d'une fonction ou d'une méthode (par exemple la méthode push sur un tableau en JavaScript). Elle inclue notamment le support du langage TypeScript.

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

Editeur Web open source, permettant de développer en HTML, CSS, PHP, JavaScript et autres langages et contenant quelques fonctionnalités intéressantes comment d'édition rapide de code CSS directement depuis le code HTML.

Application disponible gratuitement et actuellement en version bêta.

websocket JS + serveur php : code d'évaluation validé Mozilla + Chrome juillet 2015 (la date est importante !)

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

Framework de développement Open Source permettant de créer des applications JavaScript complexes en utilisant le langage et les outils Java. Il est utilisé en interne par l’éditeur pour le développement de plusieurs de ses produits comme la plateforme publicitaire AdWords et le réseau social Orkut.

GWT apporte comme nouveauté phare la fonction Super Dev Mode. Cette fonction qui remplace Development Mode permet aux développeurs de rapidement recompiler leur code et voir le résultat dans un navigateur. Elle permet également d’utiliser un débogueur pour contrôler une application GWT en cours.

L'outil apporte de nouvelles optimisations au compilateur GWT, qui permet une réduction de près de 20% de la taille du code généré. ... 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

Jeu de combat