Skip to content

Instantly share code, notes, and snippets.

View itwasmattgregg's full-sized avatar
:octocat:
Artisinally crafting interwebs

Matt Gregg itwasmattgregg

:octocat:
Artisinally crafting interwebs
View GitHub Profile
@itwasmattgregg
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
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
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
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
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