On se dirige vers des choses intéressantes dans le monde des "bundler" JS :)
Un outil d'automatisation compatible avec de nombreux services web. Un peu à la manière d'un IFTTT mais plus flexible et visuel. Et auto-hébergeable.
Un moteur de positionnement pour tooltips. Cette lib n'inclut pas la partie visuelle du tooltip, uniquement la logique pour le positionner correctement (gestion du scroll, des bords d'écran, de suivi éventuel du curseur de la souris, etc.).
Si vous voulez la partie graphique en plus, alors jetez un coup d'oeil du côté de Tippy.js.
Un article super intéressant qui met en pratique le JavaScript moderne tout en construisant le jeu Tetris. C'est clair, élégant, bien pensé !
Une lib JavaScript pour créer des diagrammes de flux.
Demo : https://alyssax.com/x/flowy/
Quelques astuces pour charger efficacement vos scripts externes.
Une librairie JavaScript minimale pour traquer l'état du viewport (tout ce qui tient au curseur, à la taille de la fenêtre et au scroll). Très pratique pour certains effets graphiques. Tout est visiblement optimisé pour ne déclencher les évènements que lorsque le navigateur est prêt à effectuer un nouveau rendu (avec requestAnimationFrame).
Quelques choses intéressantes à savoir sur forEach() en JavaScript.
Je suis d'accord sur le fait que les fonctions natives sont très souvent beaucoup moins claires que les wrapper proposés par jQuery.
Une sorte d'ORM Node.js qui semble être un bon compromis. Il se base sur le query builder Knex et ajoute quelques fonctionnalités pour faciliter les relations one-to-one, one-to-many, many-to-many et polymorphiques. Mais ce n'est en aucun cas une usine à gaz qui impose ses choix et vous pouvez à tout moment utiliser l'instance de Knex si nécessaire.
Un bon aperçu de l'utilisation du phénomène de propagation des évènements JavaScript pour simplifier votre code.
Copier quelque chose dans le presse-papier de l'utilisateur en JavaScript.
Pas mal de petites astuces pour JavaScript.
Un éditeur de texte JavaScript construit sur un principe d'assemblage de blocs (header, paragraphe, etc.). Et on peut y ajouter des plugins pour créer d'autres types de blocs.
Une petite astuce pour utiliser $ et $$ comme alias pour document.querySelector et document.querySelectorAll.
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
// Change the background color of a class.
$('.class').style.background="#BADA55";
// Change the inner HTML of an ID.
$('#id').innerHTML="<span>Cool beans!</span>";
// Select all images on the webpage.
$$('img')
// Print the image addresses for all the images on a webpage.
$$('img').forEach(img => console.log(img.src))Quelques conventions de nommage en JavaScript qu'il est bon de rappeler.
Une lib qui fait tourner votre code JavaScript sur le GPU pour de meilleures performances. Pas testé.
Via https://korben.info/gpu-js-faire-tourner-du-js-en-utilisant-le-gpu-de-la-machine.html