Contexte En explorant les possibilités de l’IA locale avec Ollama sur Ubuntu 22.04 LTS, je me suis retrouvé confronté à deux contraintes pratiques : Le besoin de basculer fréquemment entre différentes sessions utilisateurs tout en conservant l’accès à Ollama La nécessité de gérer efficacement l’espace disque, les modèles d’IA étant particulièrement volumineux Bien que ma […]
ImageMagick
ImageMagick est un logiciel en ligne de commande qui permet de manipuler des images. Il propose une série d’outils : display, convert, mogrify, identify, import, animate, compare, composite, conjure, montage, stream. Mogrify : Pour les traitements par lots Pour diminuer les dimensions de plusieurs images : Pour modifier la résolution de plusieurs images :
Un bouton Scroll to top avec ReactJS et Hooks
Dernièrement, dans une application ReactJS, j’ai été confronté à la mise en place d’un bouton qui permet de faire défiler une page jusqu’en haut. Dans le même temps, j’avais découvert Hooks, une des nouvelles fonctionnalités proposées par le framework. Je me suis donc lancé. J’ai préparé une page HTML potentiellement assez longue pour qu’elle nécessite […]
JavaScript: async/await avec forEach()
Ou comment remettre un peu d’ordre dans des traitements asynchrones. Le problème : imprimer une série de dessins en respectant une chronologie pour la mise en page. Pour cela, il nous faut donc la fonction qui va bien : Hélas, l’impression n’est pas synchrone et met un certain délai à se réaliser. Corrigeons donc […]
Transformer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Transformer ce tableau d’objets en un tableau synthétisant chaque objet dans une chaîne de caractère. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 […]
Filtrer un tableau en javascript
Prenons l’exemple d’un tableau contenant des renseignements sur des animaux : Le problème : Extraire les renseignements contenus dans ce tableau mais uniquement pour les chiens. Solution 1 : En utilisant la programmation impérative : Solution 2 : En utilisant la programmation fonctionnelle : Et encore plus redoutable avec l’avènement de ECMAScript 2015 : […]
Comparer des booléens
En utilisant l’opérateur de comparaison stricte (===) : See the Pen Truthy and Falsy Values (Strict Equality) by Frédéric MISERY (@FredM) on CodePen. En utilisant l’opérateur de comparaison normal (==) : See the Pen Truthy and Falsy Values (Lenient Equality) by Frédéric MISERY (@FredM) on CodePen.
Quelques propriétés de la balise < video />
Dans cet article, je me propose de vous faire découvrir quelques propriétés de la balise qui a fait son apparition avec le HTML5. Les quatre propriétés que nous allons découvrir sont les suivantes : curentTime : de type float, elle donne la position courante de la lecture en secondes. duration : de type float, elle […]
Parking CSS + JS
See the Pen Parking – Activités by Frédéric MISERY (@FredM) on CodePen.
Les transitions CSS
La propriété transition est une propriété de comportement. Elle ne définit ni l’affichage, ni le placement d’un élément sur la page mais la transition de propriétés d’affichage et/ou de placement choisies lors d’un changement de pseudo-classe ou de classe d’un élément. Une transition de ce type sera déclenchée soit par une action de l’utilisateur directement interceptée par le navigateur […]