john gravois jgravois

This notes is written by Sheldon. You can find me with #iOSBySheldon in Github, Youtube, Facebook, etc.

Need

Convert .mov/.MP4 to .gif

Reason

As a developer, I feel better to upload a short video when I create the pull request to show other viewers what I did in this PR. I tried .mov format directly got after finishing recording screen using Quicktime, however, gif offers preview in most web pages, and has smaller file size.

This is not limited to developer, anyone has this need can use this method to convert the files.

headshot

work:

John Gravois is a developer at Compiler and is currently building https://benefits.calitp.org. Previously, as a Software Engineer at Esri, he helped build ArcGIS Hub, maintained a handful of Leaflet plugins and coordinated with developers across the company to steer Open Source strategy. He has a tattoo of a California Raisin and when he's not in front of a computer you can often find him tangled up in poison oak somewhere near his bicycle.

bikes:

John discovered the joys of commuting by bike on the friendly streets of Los Angeles in 2005. He served as a Director of the Sacramento Bicycle Kitchen, a nonprofit, "Do It Yourself" repair shop and is also a qualified League Certified Instructor (#2307). John has taught bicycle repair, mai

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	//Please go to the following jsbin for a working sample: https://jsbin.com/nejolahicu/1/edit?html,js,output
	//Depending on server load, it may take awhile for the feature layer to load and be displayed on the map.
	require([
	"esri/Map",
	"esri/views/MapView",
	"esri/PopupTemplate",
	"esri/layers/FeatureLayer",
	"esri/widgets/Popup",
	"esri/tasks/support/Query",
	"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js",