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 / 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
@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 / 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 / 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 / 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 / checkbox.html
Last active May 5, 2016 16:23
Checkbox with one pseudo element with only css
<div class="checkbox">
<label>
<input type="checkbox"> Checkbox
</label>
</div>
@itwasmattgregg
itwasmattgregg / schedule.html
Last active August 30, 2016 16:36
Show's current time position on a vertical schedule. Open in jsbin etc.
<div class="clock">
<div class="current-time">
</div>
8:00am
<div class="block" data-time="8">
<div class="class">
</div>
<div class="class">
@itwasmattgregg
itwasmattgregg / SassMeister-input-HTML.html
Created May 31, 2016 15:03
Generated by SassMeister.com.
<div class="background">
<div class="bounds">
<div class="element">
<span class="inner-text">30</span>
<span class="option" value="1"></span>
<span class="option" value="2"></span>
<span class="option active" value="3"></span>
<span class="option" value="4"></span>
<span class="option" value="5"></span>
<span class="option" value="6"></span>
@itwasmattgregg
itwasmattgregg / Checkbox with cool check.html
Last active August 30, 2016 16:35
Generated by SassMeister.com.
<div class="checkbox">
<input id="check1" type="checkbox">
<label for="check1"><span>Test</span></label>
</div>
@itwasmattgregg
itwasmattgregg / Image white border on hover.html
Last active August 30, 2016 16:34
Generated by SassMeister.com.
<div class="image">
<img src="https://www.yatzer.com/sites/default/files/media/slideshow/f5_out_my_window_gail_albert_halaban_new_york_glasshousewithdog_yatzer.jpg" />
<div class="caption">
A nice caption for out image
<br>
<button class="btn">Action Item</button>
</div>
</div>