Quitte à mettre des iframes on pourrait en mettre qui pointent vers le site perso de l'auteur ? C'est ensuite à l'auteur du tuto de faire en sorte que ça soit toujours disponible.
L'avantage serait par exemple de pouvoir accéder à des ressources stockées sur le serveur de l'auteur et pouvoir les modifier (pour modifier une image avec canvas il faut activer les cross origin, en général c'est désactivé sur les navigateurs des gens, ça ne marche donc que si la ressource se trouve à la même adresse que le script, donc jsfiddle/codpen etc.. ne sont pas utilisables).
Le second avantage c'est qu'on peut contrôler si on montre juste une animation ou si on dévoile aussi les source avec (des fois c'est pas le but du tutoriel de montrer comment a été codé l'animation ! et puis au pire les gens peuvent regarder les sources eux mêmes pas besoin de boutons "HTML" / "CSS" / "JS").
Je me rends bien compte que ça ouvre la porte à beaucoup de problèmes à gérer (notons que cette porte a été ouverte avec les jsfiddle !) : le code est-il dangereux pour l'utilisateur ? etc
Mais je pense que ça vaut le coup puisque cela donne de l'interactivité aux tutoriels, et permet de bien profiter de toutes les technologies pour améliorer l'explication et le tutoriel.