Re:CSS and JS code coverage in Chrome DevTools
by HoyaSaxa on Wednesday July 12, 2017 @11:09AM
(#14753184)
Could you share some best practices you've learned in generating animated product gifs? For instance, what software you use, what settings have you tuned, etc?
[ Parent
| on HN ]
Re:CSS and JS code coverage in Chrome DevTools
by umaar on Wednesday July 12, 2017 @11:56AM
(#14753581)
Generally, I'd say: keep it short and digestible. Also watch out for extra noise on the screen, otherwise it'll distract the viewer. And having an ending transition can be useful for understanding when the gif is done, since their looping nature can make this aspect confusing.
Software: Typically Screenflow. It has a built in Gif preset which I'll sometimes use, or if better compression is needed: https://gist.github.com/dergachev/4627207
Re:CSS and JS code coverage in Chrome DevTools
by jflowers45 on Wednesday July 12, 2017 @11:33AM
(#14753398)
I use ScreenFlow for screen recording and they added export as animated gif recently. It's so easy - highly recommend it.
Re:CSS and JS code coverage in Chrome DevTools
by leeoniya on Wednesday July 12, 2017 @11:38AM
(#14753436)
http://blog.bahraniapps.com/gifcam/
https://www.cockos.com/licecap/
i don't mean to be snaky, but c'mon: https://www.google.com/search?q=gif+recorder
Re:CSS and JS code coverage in Chrome DevTools
by jflowers45 on Wednesday July 12, 2017 @11:42AM
(#14753456)
I think the spirit of the question was "how best to do it from the gazillion options that are out there"
Re:CSS and JS code coverage in Chrome DevTools
by talmand on Wednesday July 12, 2017 @12:53PM
(#14754160)
Plus more of the idea of "I think you make good stuff, would you be willing to share how you did it?"