Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Illustrate features using gifs instead of screenshots #47

Merged
merged 6 commits into from Oct 17, 2020
Merged

Conversation

PatrickF1
Copy link
Owner

@PatrickF1 PatrickF1 commented Oct 17, 2020

Goal

  • Use gifs--a video is much better at capturing and explaining a feature than a static image.
  • Feature @IlanCosman's Tide prompt manager

For posterity, here is how I'm recording

  • remove all Nerd font glyphs from prompt as they don't render with asciinema
  • Tide settings: lean, true color, no current time, one line prompt height, compact prompt spacing, few icons
  • cd to $HOME (that way, distracting symbols for git states aren't shown in prompt)
  • disable autocompletions using private mode or set fish_autosuggestion_enabled 0 (add to config.fish)
  • clear terminal screen
  • iTerm2 settings: dimensions = 121x33, font size = 16
  • record using asciinema, output file outside of git repo so git section of prompt doesn't change
  • convert to gif at https://dstein64.github.io/gifcast/
  • gifcast settings: font = courier, theme = solarized dark

Resolves #31

@PatrickF1 PatrickF1 changed the title Replace feature screenshots with gifs Illustrate features using gifs instead of screenshots Oct 17, 2020
@PatrickF1 PatrickF1 merged commit 2487971 into main Oct 17, 2020
@IlanCosman
Copy link
Collaborator

Nice 😄 The reason I didn't suggest asciinema was all of the pain you have to go through to get it to work nicely, but you seem to have made quick work of it. The gifs look great!

@PatrickF1 PatrickF1 deleted the tide-gifs branch October 17, 2020 22:59
PatrickF1 added a commit that referenced this pull request Aug 8, 2021
Followed the same settings written down in #47.

History needed to be updated because command preview was added, directory because file path coloring was added, and variables because variable preview was updated.
PatrickF1 added a commit that referenced this pull request Aug 8, 2021
Followed the same settings written down in #47.

History needed to be updated because command preview was added and timestamp format was updated, directory because the colors were missing in original recording, and variables because variable preview was updated.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants