Une lib qui permet grosso modo d'écrire du shell en JavaScript. J'ai beau avoir du mal avec la syntaxe du shell, je me demande si tant qu'à faire il ne vaut pas mieux écrire du Node.js directement 🤔
Un outil pour générer des animations CSS3 via une interface graphique. Il existe aussi une lib JS qui permet de faire la même chose dynamiquement en JS.
Une lib de templating dans le genre de Twig pour JavaScript. Pas encore testé mais ça semble être le bon compromis entre un ejs trop permissif et un Handlebars trop restrictif.
Je ne connaissais pas la notion de Proxy en JavaScript mais c'est très intéressant et très utile. Ça peut permettre de faire l'équivalent des computed properties de Vue.js en JS natif par exemple.
Un générateur d'identifiant unique très léger qui permet de faire varier la longueur et l'alphabet utilisé.
Un excellent tutoriel vidéo sur webpack en une quinzaine de courts épisodes. À une époque où la config webpack est le plus souvent cachée par les différents CLI et autres outils, ça vaut le coup de revenir à la base et de tout comprendre étape par étape.
Un éditeur WYSIWYG headless.
Un date picker a priori assez léger et sans aucune dépendance. Il supporte notamment la sélection par range ce qui n'est pas si fréquent que ça.
Un exemple de PWA qui fait usage de la caméra de votre appareil et permet de scanner des QR codes.
Un outil pour créer des présentations type PowerPoint avec du Markdown et optionnellement un peu de code. Un peu à la façon de reveal.js.
C'est en cours de développement mais je trouve ça déjà très prometteur.
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.