Artisinally crafting interwebs

Matt Gregg itwasmattgregg

Artisinally crafting interwebs

Senior Frontend Web Engineer Currently @Shopify

itwasmattgregg / radio-select.html

Created May 4, 2016 16:25

Select dropdown turned into radio buttons

	<select class="radioSelect" id="sizeOptions">
	<option value="8x8 (Aluminum)">8x8 (Aluminum)</option>
	<option value="M">M</option>
	<option value="L">L</option>
	</select>

itwasmattgregg / SassMeister Progress Circle.html

Last active August 30, 2016 16:37

Generated by SassMeister.com.

	<div class="progress-button loading">
	<button></button>
	<svg class="progress-circle" width="300" height="300">
	<path d="M149.5,5C229.3,5,294,69.7,294,149.5S229.3,294,149.5,294S5,229.3,5,149.5S69.7,5,149.5,5z"></path>
	</svg>
	</div>

itwasmattgregg / Progress Circle Final.html

Last active March 16, 2016 18:11

Generated by SassMeister.com.

	<div class="progress-button loading">
	<button></button>
	<svg class="progress-circle" width="134" height="134">
	<path id="svg_3" d="M67,6c33.7,0,61,27.3,61,61s-27.3,61-61,61S6,100.7,6,67S33.3,6,67,6z"/>
	</svg>
	</div>

itwasmattgregg / Progress.html

Created February 24, 2016 17:17

Generated by SassMeister.com.

	<div class="progress-button loading">
	<button></button>
	<svg class="progress-circle" width="300" height="300">
	<path d="M149.5,5C229.3,5,294,69.7,294,149.5S229.3,294,149.5,294S5,229.3,5,149.5S69.7,5,149.5,5z"></path>
	</svg>
	</div>

itwasmattgregg / 0_reuse_code.js

Created January 4, 2016 17:20

Here are some things you can do with Gists in GistBox.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console