3 ms·
Your readme is absolutely delightful. I love the animated screenshots. Hopefully more projects will take notice of how helpful that is!
by tomashubelbauer 7y ago
Your readme is absolutely delightful. I love the animated screenshots. Hopefully more projects will take notice of how helpful that is!
- chiefalchemist 7y agoWhat's your goto tool for doing those ani gifs?
- robinshen 7y agoIt is TechSmith's Camtasia. Really a joy to use.
- robinshen 7y agoGlad to see this clearly expresses my ideas, :D
- jammygit 7y agoIts so rare that I didn't even realize you could put gifs in your readmes on github. Slick
- tomashubelbauer 7y agoYou can even embed or link SVGs with CSS animations in them!
- capableweb 7y agoWhat, that's not true, is it? I think GitHub turns those into images, if I'm wrong. Could you link a example where someone embeds SVG with CSS animations?
- tomashubelbauer 7y agoI'll try to remember to answer when I'm home. I have this working in a private repo so I'll make it public. Just checked it on my iPhone where it doesn't seem to work in Safari though so it's possible the support is not stellar. For sure worked in Firefox on my desktop though.
- extra88 7y agoMaybe the CSS properties require the vendor prefix (i.e. -webkit-) to work in Safari. The same could be true for other browsers.
- nbe 7y agoGitHub sanitizes SVG animations by removing e.g. embedded JS code but SVG animated with CSS is supported in Markdown files. See for example [1] which contains [2]. [1] https://github.com/nbedos/termtosvg/blob/develop/README.md https://github.com/nbedos/termtosvg/blob/develop/README.md [2] https://github.com/nbedos/termtosvg/blob/develop/docs/examples/awesome_window_frame_powershell.svg https://github.com/nbedos/termtosvg/blob/develop/docs/exampl...
- tomashubelbauer 7y agoThis is an excellent example.