L'article explore les techniques pour rendre les animations SVG plus rapides, plus simples et plus faciles à gérer. L'auteur s'inspire des dessins animés classiques pour créer des animations modernes en utilisant des outils comme CSS et SVG. Il souligne l'importance de commencer avec un design propre et d'optimiser les fichiers SVG en réduisant les points d'ancrage et en utilisant des outils comme SVGOMG pour minimiser la taille des fichiers. L'article détaille également comment structurer le code SVG en couches pour faciliter l'animation et la maintenance, tout en réutilisant des éléments pour améliorer l'efficacité et la performance.
Il est possible d'appliquer des styles CSS à SVG. Il y a 3 cas principaux : SVG inline (facile à manipuler en CSS), SVG externe (limité), et SVG via
Tout est dans le titre
Tout est dans le titre
Bonnes pratiques d'accessibilité pour un bouton "fermer" avec un svg
Article intéressant, mais aucun des codepen n'affiche quoi que ce soit, dommage
Tout est dans le titre
Tout est dans le titre
A book apart a fermé... Certains de leurs livres se retrouvent disponibles sur le web, dont celui-ci
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Un outil en ligne pour convertir un SVG des images jpeg ou png (via sebsauvage)
Je cite
Plein de générateurs de SVG de découpe au laser pour des modèles de boîtes de toutes sortes et formes, de roues dentées, de puzzles etc... et même des découpes de boîtes en papier...
Tout est dans le titre
L'auteur montre comment animer un SVG avec l'utilisation de animateMotion
Un excellent guide pour l'animation de SVG, avec quelques bonnes pratiques d'optimisation
Tout est dans le titre