Chris Essig csessig86

csessig86 / Refresh page.html

Created November 5, 2013 23:33

This meta tag refreshes pages automatically. Content is set to seconds.

csessig86 / csv_binify.sh

Last active January 2, 2016 09:59

How I turned a csv into a binified shapefile and then a JSON file. Uses ogr2ogr (http://www.gdal.org/ogr2ogr.html) and binify (https://github.com/kevinschaul/binify)

	# We start with a CSV called "crime_master_wloo_violent.csv" that has violent crime reports in Waterloo.
	# Included in csv are columns for latitude ("lat") and longitude ("long"):
	https://github.com/csessig86/crime_map2013/blob/master/csv/crime_master_wloo_violent.csv

	# Command to turn CSV into DBF with the same name
	ogr2ogr -f "ESRI Shapefile" crime_master_wloo_violent.dbf crime_master_wloo_violent.csv

	# Create a file called "crime_master_wloo_violent.vrt"
	# Change "SrcLayer" to the name of the source
	# Change OGRVRTLayer name to "wloo_violent"

csessig86 / gist:6993e0908a186a684af0

Created June 23, 2014 16:09

Mobile scrolling CSS. Taken from: http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

	overflow: scroll;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

csessig86 / gist:bfbe9d109163821052c2

Last active August 29, 2015 14:11

Blockquote

	<div class="blockquote">
	<p class="quote">This is where a block quote will go. Block quotes are super exciting. You should probably be really pumped to have one on your page.</p>
	<p class="attribution">- Frank Johnson</p>
	<p class="detail">He is a super cool dude so you should listen to him</p>

	<div class="blockquote-clear" style="clear: both;"></div>
	</div>

csessig86 / gist:da1c8709ae3d3cb0499b

Last active August 29, 2015 14:11

Pullquote

	<div class="pullquote left">
	<p class="quote">"This is the quote for the story. I hope that you find it really compelling and fun."</p>
	<p class="attribution">- Frank Johnson</p>
	<p class="detail">On being an awesome guy</p>
	</div>

csessig86 / gist:e4d18b7d6160dc9c76fd

Last active August 29, 2015 14:11

iFrame: Static image teasers on mobile

	<h3 class="hide-desktop show-mobile">MAP: All shots fired incidents in 2014</h3>
	<p class="hide-desktop show-mobile"><a href="http://gadev.cdr.dc.publicus.com/data/cr-shootings" target="_blank"><img src="http://gadev.cdr.dc.publicus.com/Includes/data/projects/cr-shootings/imgs/ss.jpg" alt="" width="90%" /></a></p>
	<div class="hide-650">
	<!-- Insert iFrame here
	Example: <iframe src="http://www.thegazette.com/data/rural-health-care" frameborder="0" width="100%" height="700px"></iframe>
	-->
	</div>
	<div class="iframe-open-window hide-desktop show-mobile"></div>

csessig86 / gist:d352fe20074b9da55f71

Last active August 29, 2015 14:11

Inline photos in stories

csessig86 / gist:b3e66cb0310a76ff41d5

Created December 12, 2014 23:44

Inline photo part 2

csessig86 / gist:fcf9fab89bb710ed127c

Created December 12, 2014 23:47

Inline photo part 3

csessig86 / gist:0a149dbd065639fb9109

Created December 12, 2014 23:48

Inline photo part 4