En quelques lignes de CSS, il est possible de créer un arrière-plan et de l'animer. Découvrons le mini site qui va nous proposer cette fonctionnalité.
Quand on fait un prototype d'interface (mockup), on utilise généralement un outil dédié tel que Draw.io ou Balsamiq. Doodle.css permet de créer ce mockup en HTML/CSS en apportant un style façon dessin.
Des générateurs d'images pour améliorer l'intégration d'une maquette, ce n'est pas ce qu'il manque sur la toile. Voici lorem.space, un énième générateur mais qui a le mérite de se distinguer des autres.
SVG Shape Dividers est un générateur de séparateurs SVG disposant dont le paramétrage est rendu très simple.
Sur un site, avoir de beaux effets au passage de la souris sur un lien est une pratique assez commune. Underline Generator est, comme son nom l'indique, un générateur de code CSS pour le soulignement d'un lien HTML.
Quoi de mieux que d'avoir dans son éditeur de code une explication d'une expression régulière (regex) en temps réel ? C'est ce que fait l'extension Regexp Explain dans Visual Studio Code.
Xmysql est petit programme écrit en NodeJS qui automatise la création d'une API REST à partir d'une base de données MySQL. Chaque table peut donc être interrogée via l'API créée.
Sur un développement de site, on peut être amené à créer un séparateur entre deux sections. Le site Shape Divider vous permet d'en générer très facilement, et le résultat est très sympa !
Effectuer des manipulations simples du DOM en Javascript est quelque chose que tout développeur Web devrait savoir faire. En utilisant des frameworks, ces derniers permettent de se passer de cette tâche mais il est tout de même impératif de comprendre comment manipuler le DOM en natif.
Il existe pléthore de sites permettant de générer des images SVG représentants des formes de vagues. Voici SVGWaves.io, un autre générateur très simple d'utilisation et paramétrable à souhait.