Une petite librairie Javascript + CSS pour afficher une barre de chargement tout en haut de la page un peu à la manière de ce que font Github ou Youtube.
Un carrousel Javascript ES6 sans dépendance, léger et et blindé d'options.
L'effet parallaxe en 6 lignes de JS avec des variables CSS.
Des effets hover très stylés grâce aux variables CSS et un peu de Javascript (pour récupérer la position de la souris).
Quelques outils:
Une librairie Javascript qui suggère la bonne orthographe d'une adresse email lorsqu'elle détecte une erreur potentielle.
Jelly with HTML/JS/CSS.
Très impressionnant !
Des librairies Javascript pour effectuer un zoom sur une image.
Une toute petite librairie Javascript (1ko) pour détecter si un élément est présent à l'écran ou non. Très pratique pour faire des animations au scroll.
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-36
Un moteur de templating Javascript tout bête qui fonctionne un peu comme celui d'underscore. En gros il exécute le code Javascript déclaré dans le template et génère le résultat en fonction des variables passées en paramètre.
Installation :
$ npm install ejsUtilisation :
<script src="ejs.js"></script>
<script>
var people = ['geddy', 'neil', 'alex'],
html = ejs.render('<%= people.join(", "); %>', {people: people});
</script>Le Github est là : https://github.com/mde/ejs
Un excellent article, très didactique qui analyse l'évolution du développement Javascript depuis la bête inclusion de fichiers .js dans le HTML jusqu'aux package managers (npm), module bundlers (webpack), transpilers (babel), task runner (grunt, gulp) d'aujourd'hui.
Je serais juste un peu plus mesuré sur l’appellation "dinosaure". C'est à adapter au contexte de vos développements. Rien ne sert de sortir toute cette artillerie pour un projet tout simple. Mais c'est bien de savoir qu'elle existe lorsqu'on débute un projet dont on sait dès le début qu'il sera conséquent.
Une lib JS de drag & drop.
Atom devient un IDE (pour TypeScript/Javascript, Flowtype, C#, Java et PHP). A tester.
Via https://korben.info/lediteur-atom-devient-ide-a-part-entiere.html
Une lib Javascript pour faire un carousel. Ça a l'air très complet, c'est responsive et "touch-ready". A essayer !
Une librairie Javascript pour tracer des graphes.
interactive geometry, plotting, visualization
JSXGraph is a cross-browser JavaScript library for interactive geometry, function plotting, charting, and data visualization in the web browser.
Un autre outil pour transformer un site en single-page application. A tester.
Un workaround CSS pour ne pas avoir de valeur inattendue dans le event.target d'un event handler en Javascript quand vous l'attachez à un élément plus haut dans le DOM.
Ça fait un peu bizarre de devoir mêler ainsi du CSS et du JS mais pourquoi pas. Attention au support navigateur par contre.
Une intro à l'API PaymentRequest.
Javascript is awesome 🙃