Zach’s ugly mug (his face) Zach Leatherman

The Perfect GIF

September 09, 2014 Watch in 12 minutes 🇺🇸 USA

Last year at Barcamp Omaha, I did a tongue-in-cheek talk on Impostor Syndrome. This year, I was floundering on picking a topic for Barcamp—until Derek Eskens suggested I do a talk on GIFs. With only two days to prepare, I think it turned out fairly well.

In the talk I discuss: pronunciation, GIF sources, how to create your own GIFs, and GIF search and workflow. If you listen closely, you can hear the audience (playfully) boo when I finally pronounce GIF for the first time in the talk.

Watch on YouTube: The Perfect GIF

Watch on YouTube

I did not post slides for this talk, given the loss in fidelity with an unanimated deck. But I’ve included below the list of referenced resources.

Sources

Utilities

  • LICEcap to create GIFs
  • gifwit to catalog/search GIFs
  • HoverZoom for easy inline previews of animated GIFs (not mentioned in the talk, but still worth including).

Animated GIFs used (in order of appearance)


< Newer
Better @font-face with Font Load Events on Dev.Opera
Older >
W3C Status Banners

Zach Leatherman IndieWeb Avatar for https://zachleat.com/is a builder for the web at IndieWeb Avatar for https://fontawesome.com/Font Awesome and the creator/maintainer of IndieWeb Avatar for https://www.11ty.devEleventy (11ty), an award-winning open source site generator. At one point he became entirely too fixated on web fonts. He has given 83 talks in nine different countries at events like Beyond Tellerrand, Smashing Conference, Jamstack Conf, CSSConf, and The White House. Formerly part of CloudCannon, Netlify, Filament Group, NEJS CONF, and NebraskaJS. Learn more about Zach »

7 Comments
  1. remybach Disqus

    10 Sep 2014
    Ha ha... can't say I agree about the pronunciation of "gif", but great talk :)I realise you don't use Android but for anyone that's interested, I created an app for my gif workflow: http://remy.bach.me.uk/blog...
  2. jmhobbs Disqus

    10 Sep 2014
    Gifsicle is a killer tool for fine tuning timing on gifs and optimizing them too - http://www.lcdf.org/gifsicle/And, of course, I have to plug http://dun-dun-duh.com/ and http://gifmebro.herokuapp.com/
    1. zachleat Disqus

      10 Sep 2014
      gifmebro is amazing! Can it do a variable length gif?
      1. jmhobbs Disqus

        10 Sep 2014
        It's just a dumb little thing. Would be totally possible to configure it up. I'll put the code on jithub.
      2. jmhobbs Disqus

        10 Sep 2014
        1. jmhobbs Disqus

          10 Sep 2014
          It's pretty hairy in there, I didn't clean it up much before putting it up.
        2. zachleat Disqus

          11 Sep 2014
          Awesome!
Shamelessly plug your related post

These are webmentions via the IndieWeb and webmention.io.

Sharing on social media?

This is what will show up when you share this post on Social Media:

How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)