10 ms·

If anyone's interested, I'm particularly proud of my SVG animations in this readme: https://github.com/boemska/create-sas-app https://github.com/boemska/create

If anyone's interested, I'm particularly proud of my SVG animations in this readme: https://github.com/boemska/create-sas-app https://github.com/boemska/create-sas-app

jrib 6y ago
what did you use to create them?
- deleted 6y ago
  [deleted]
- arusahni 6y ago
  Based on the SVG markup, termtosvg [1]. 1: https://github.com/nbedos/termtosvg https://github.com/nbedos/termtosvg
conceptualspace 6y ago
ah i could have used this. my readme is a simulation of a github profile ;) https://github.com/conceptualspace https://github.com/conceptualspace
- tomwojcik 6y ago
  Freezes mobile GH app on Android.
- ggerganov 6y ago
  Cool idea, although with the new Dark mode on Github enabled it was very easy to see what is going on :)
- mstade 6y ago
  This pleases me more than it should! Cool stuff! :o)
notretarded 6y ago
Awfully laggy on slow machines.
- boomskats 6y ago
  That's the termtosvg animation ruining it for all the others. I'm actually going to replace it with a gif. The UI anims are really smooth.
felixfbecker 6y ago
If you're interested in adding SVGs that look like truthful screenshots, I wrote a Chrome/Firefox extension that can take screenshots of webpages in SVG: https://github.com/felixfbecker/svg-screenshots https://github.com/felixfbecker/svg-screenshots It can't screen record an animation though, but it could be a baseline for hand-animating the elements. Accepting PRs for screen recording functionality :D
- CharlesW 6y ago
  Whoa, if this does what I hope it does I'll be ecstatic! Thank you! (Here's the Chrome extension link for anyone who's interested: https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg https://chrome.google.com/webstore/detail/svg-screenshot/nfa...)
- chaorace 6y ago
  Similar: emacs can take SVG screenshots of itself: https://gist.githubusercontent.com/alphapapa/65b0b9d4b3f55344c6e143f8f3878d7a/raw/emacs-27-svg-screenshot.svg https://gist.githubusercontent.com/alphapapa/65b0b9d4b3f5534...
  - globuous 6y ago
    That's insane ^^
  - fergie 6y ago
    Seems to depend on Cairo, which is AKAIK only available in X11 environments. Does anybody know how to get this working on OSX?
    - fkistner 6y ago
      macOS has APIs to get a vector PDF snapshot from any view/window [1]. If emacs ends up drawing using platform APIs such as CoreText it should be possible to get a screenshot that way. [1]: https://developer.apple.com/documentation/appkit/nswindow/1419418-datawithpdf https://developer.apple.com/documentation/appkit/nswindow/14...
johnghanks 6y ago
Why wouldn't you just do gifs or asciinemas? So much extra work for no gain.
mstade 6y ago
Hi! Just wanted to say this is an excellent readme, and your Boemska website is equally great. Very impressive – kudos to you and keep up the great work!
- boomskats 6y ago
  Thank you for your kind words. That's made my day :)

If anyone's interested, I'm particularly proud of my SVG animations in this readme: https://github.com/boemska/create-sas-app https://github.com/boemska/create-sas-app

jrib 6y ago

what did you use to create them?

deleted 6y ago
[deleted]
arusahni 6y ago
Based on the SVG markup, termtosvg [1]. 1: https://github.com/nbedos/termtosvg https://github.com/nbedos/termtosvg

conceptualspace 6y ago

ah i could have used this. my readme is a simulation of a github profile ;) https://github.com/conceptualspace https://github.com/conceptualspace

tomwojcik 6y ago
Freezes mobile GH app on Android.
ggerganov 6y ago
Cool idea, although with the new Dark mode on Github enabled it was very easy to see what is going on :)
mstade 6y ago
This pleases me more than it should! Cool stuff! :o)

notretarded 6y ago

Awfully laggy on slow machines.

boomskats 6y ago
That's the termtosvg animation ruining it for all the others. I'm actually going to replace it with a gif. The UI anims are really smooth.

felixfbecker 6y ago

If you're interested in adding SVGs that look like truthful screenshots, I wrote a Chrome/Firefox extension that can take screenshots of webpages in SVG: https://github.com/felixfbecker/svg-screenshots https://github.com/felixfbecker/svg-screenshots It can't screen record an animation though, but it could be a baseline for hand-animating the elements. Accepting PRs for screen recording functionality :D

CharlesW 6y ago
Whoa, if this does what I hope it does I'll be ecstatic! Thank you! (Here's the Chrome extension link for anyone who's interested: https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg https://chrome.google.com/webstore/detail/svg-screenshot/nfa...)
chaorace 6y ago
Similar: emacs can take SVG screenshots of itself: https://gist.githubusercontent.com/alphapapa/65b0b9d4b3f55344c6e143f8f3878d7a/raw/emacs-27-svg-screenshot.svg https://gist.githubusercontent.com/alphapapa/65b0b9d4b3f5534...
- globuous 6y ago
  That's insane ^^
- fergie 6y ago
  Seems to depend on Cairo, which is AKAIK only available in X11 environments. Does anybody know how to get this working on OSX?
  - fkistner 6y ago
    macOS has APIs to get a vector PDF snapshot from any view/window [1]. If emacs ends up drawing using platform APIs such as CoreText it should be possible to get a screenshot that way. [1]: https://developer.apple.com/documentation/appkit/nswindow/1419418-datawithpdf https://developer.apple.com/documentation/appkit/nswindow/14...

johnghanks 6y ago

Why wouldn't you just do gifs or asciinemas? So much extra work for no gain.

mstade 6y ago

Hi! Just wanted to say this is an excellent readme, and your Boemska website is equally great. Very impressive – kudos to you and keep up the great work!

boomskats 6y ago
Thank you for your kind words. That's made my day :)