Il existe d'innombrables bibliothèques JavaScript populaires, jQuery, MooTools, Prototype, Dojo, YUI. Ces bibliothèques JavaScript sont riches en fonctionnalités et, avec leurs plugins, elles peuvent effectuer presque n'importe quel travail. Cependant, cela a un coût. Ces bibliothèques entraînent souvent une taille excessive de vos pages Web. Dans certains cas, si vous souhaitez uniquement effectuer une tâche spécifique, vous pouvez utiliser des bibliothèques légères avec des fonctions plus spécialisées. Cet article présente 40 excellentes bibliothèques JavaScript légères.
1. Formulaire lié
Un projet open source discret qui simplifie les fonctions de formulaire JavaScript les plus couramment utilisées, y compris des fonctions de validation de formulaire qui peuvent être utilisées directement. En outre, il comprend également de puissantes fonctions de synchronisation de formulaire et de jugement des conditions de formulaire.
Un autre framework de validation de formulaire JavaScript discret. Il a une logique intégrée et certains paramètres peuvent être globaux, des formes individuelles ou des objets individuels. Fournit deux API, intégrant la prise en charge AJAX, la mise en cache et les fonctions de rappel. Il fournit des instructions API de type HTML, ainsi qu'une API JavaScript orientée objet.
LiveValidation ( http://www.livevalidation.com )
Une bibliothèque légère de validation de formulaire. En plus de la fonction de vérification traditionnelle, il fournit également une vérification en temps réel, qui peut être vérifiée une fois que vous y entrez. Les utilisateurs de Ruby on Rails peuvent trouver cette bibliothèque utile car leurs conventions de dénomination et leurs paramètres sont très similaires. La bibliothèque dispose à la fois d'une version autonome et d'une version prototype.
yav ( http://yav.sourceforge.net/en/index.html )
Une bibliothèque de validation de formulaires puissante, flexible et extensible. Prend en charge une variété de scénarios, depuis les validations simples telles que les dates, les adresses e-mail et les nombres entiers, jusqu'aux validations complexes telles que les expressions régulières. Prise en charge AJAX intégrée, le message d'erreur de sortie peut être localisé au niveau de l'objet.
qForms ( http://www.pengoworks.com/index.cfm?action=get:qforms )
Une solution complète pour le traitement des formulaires. Les fonctionnalités incluent diverses règles de validation, des mécanismes pour empêcher les publications multiples et la possibilité de verrouiller ou de déverrouiller les champs de saisie.
formreform ( http://code.google.com/p/formreform/ )
La conception multicolonnes qui n'est pas basée sur des tableaux a toujours été un défi. Cette petite bibliothèque transforme les formulaires traditionnels en magnifiques formulaires à plusieurs colonnes.
2. Lié à l'animation
$fx ( http://fx.inetcat.com/ )
Une bibliothèque légère pour animer des objets HTML. Vous pouvez modifier n'importe quelle propriété CSS sur une timeline et, pour les animations complexes, vous pouvez combiner des effets, regrouper des objets et les faire bouger en parallèle.
JSTweener ( http://coderepos.org/share/wiki/JSTweener )
Une bibliothèque JavaScript qui génère des frames intermédiaires. Son API est similaire au célèbre moteur de frames intermédiaires Tweener. Vous pouvez spécifier la durée de l'animation et définir des effets de transition et des délais. Les événements peuvent être déclenchés à presque tout moment.
Animation Facebook ( http://developers.facebook.com/animation/ )
Un outil puissant pour créer des animations personnalisables basées sur CSS. Dans les animations Facebook, quelques lignes de code peuvent améliorer l'interface utilisateur. La syntaxe est la même que celle de FBJS (la bibliothèque pour Facebook).
Effets ( http://ryanmorr.com/archives/fx-lightweight-and-standalone )
Une bibliothèque JavaScript légère avec une syntaxe de type YUI qui peut créer des cadres intermédiaires pour presque toutes les propriétés CSS. Prend en charge la couleur et l'animation de défilement, il suffit de définir les valeurs vers et depuis l'objet.
3. Effets visuels et graphiques
Graphiques JS ( http://www.jscharts.com/ )
Prend en charge les graphiques à barres, les diagrammes circulaires et les graphiques à courbes simples. Insérez cette bibliothèque directement dans une page Web et appelez les données à partir d'un fichier XML ou d'une variable de tableau JavaScript. Format PNG, compatible avec tous les principaux navigateurs.
Bibliothèque Canvas 3D JS (C3DL) ( http://www.c3dl.org/ )
C3DL facilite l'écriture de programmes 3D. Fournit un ensemble de classes mathématiques, de scènes et d'objets 3D pour développer du contenu 3D directement dans le navigateur sans nécessiter de connaissances approfondies en 3D.
Processing.js ( http://ejohn.org/blog/processingjs/ )
Il s'agit d'un portage du langage Processing vers JavaScript. La sortie 2D est riche en fonctionnalités. Fournit des fonctions de traitement pour le dessin, le traitement des couleurs, les polices, les objets, etc.
Rapha ? l（ http://raphaeljs.com/ ）
Une étonnante bibliothèque JavaScript pour implémenter des graphiques vectoriels sur le Web. En utilisant SVG, les graphiques créés avec VML peuvent être modifiés ou liés à des événements. Extrêmement riche en fonctions, dont rotation, animation, zoom, etc.
ImageFX ( http://www.nihilogic.dk/labs/imagefx/ )
Cette bibliothèque JavaScript ajoute des effets aux images tels que le flou, la netteté, le gaufrage, la surbrillance, etc. ImageFX utilise des objets canevas pour obtenir ces effets et est compatible avec tous les principaux navigateurs. Cette bibliothèque est très simple à utiliser, insérez simplement le fichier de bibliothèque .js dans la page Web et appelez ces fonctions.
Pixastique ( http://www.pixastic.com/ )
Pixastic utilise l'objet canevas HTML5, permettant la manipulation des pixels bruts. Les effets incluent la désaturation, les niveaux de gris, l'inversion, la luminosité, le réglage du contraste, la teinte, le réglage de la saturation, ainsi que le relief, le flou et d'autres effets. Parce qu'il utilise l'objet canevas HTML 5, il n'est pas encore compatible avec tous les navigateurs.
Reflection.js ( http://cow.neondragon.net/stuff/reflection/ )
Un JavaScript très discret implémente automatiquement l'effet de réflexion. La hauteur et la transparence du reflet peuvent être ajustées. Prend en charge tous les principaux navigateurs, la taille du fichier est inférieure à 5 Ko.
4. Base de données
Taffy DB ( http://taffydb.com/ )
Une bibliothèque JavaScript qui peut être considérée comme SQL Server dans le navigateur ou un gestionnaire de tableaux avancé. Dans les programmes qui utilisent AJAX, il peut être utilisé comme couche de base de données pour créer, lire, modifier, supprimer des données, utiliser des boucles, trier et requêtes avancées.
ActiveRecord.js ( http://www.activerecordjs.org/ )
Cette bibliothèque prend en charge Google Gears ainsi que Chrome, Aptana Jaxer, Adobe AIR et toute plate-forme prenant en charge les spécifications HTML 5 SQL (actuellement Webkit et iPhone). Les tableaux peuvent être automatiquement créés, les données validées et synchronisées.
