Level up your GIF Game
Presented at #CSSDevConf 2016.
How do you pronounce GIF?
History of GIFs
Arrival of a Train, by the Lumière Brothers
Early Kinetoscopes, by Edison
Sprinkler Sprinkled, by the Lumière Brothers
What makes a good GIF?
A good GIF is a simple concept
What makes a great GIF?
A great GIF provides an unexpected element
GIFs in the workplace
A few simple rules for safe workplace GIFs
- If you wouldn't share it with HR, it doesn't belong in chat
- Does it enhance the interaction?
- Do not use
GIPHY lesser known commands
Returns #1 rated result for the query
/giphy #1 [search term]
Returns a yes or no answer based on a question
/giphy #magic8ball [question]
Returns a random GIF with your weather forecast
/giphy #weather [city or zip code]
GIF Keyboard integration
GIF Keyboard on Slack is an alternate GIF integration that gives you more flexibility.
Returns one result:
Returns several results to choose from before posting. The results are only visible to you until you choose which one to share.
Dropbox + Alfred
- Host your GIFs in Dropbox Public folder
- Use custom Alfred workflow to search in folder + bash script to generate sharable Dropbox link.
Github + CLI
- Host your GIFs on Github
- Use shareable Github links for GIFs
- Set-up aliases and bash script to search and generate sharable URLs
Alias to cd into GIF repo, git add, git commit and git push
alias gif-add="cd ~/absolute/path/to/gif-repo && git add . && git commit -m 'adding GIFs' && git push origin master"
Alias to search GIF repo from any location
alias gif-search="~/absolute/path/to/gif-repo ls | grep" $ gif-search query
Bash script to generate sharable URL
#!/bin/bash base_url="https://raw.githubusercontent.com/USERNAME/repo/branch/" base_url+=$1 echo $base_url
To run the script as an executable from anywhere:
- Move file to /usr/local/bin
- Add privileges
chmod +x filename