Skip to content

Instantly share code, notes, and snippets.

View justinhough's full-sized avatar
📙
Writing, drinking coffee and debugging code that I probably wrote.

Justin Hough justinhough

📙
Writing, drinking coffee and debugging code that I probably wrote.
View GitHub Profile
@justinhough
justinhough / canvas_percentage_POC.html
Created May 23, 2015 19:40
POC for using canvas to draw a circle with percentage in browser
<html>
<head>
<style>
.stats {
float: left;
margin-right: 20px;
position: relative;
/*height: 250px;
width: 250px;*/
@justinhough
justinhough / zoom-banner.css
Created May 20, 2015 01:54
Add zoom animation to background image.
#main-banner {
background-size:55% auto;
background-position:center 0;
}
@justinhough
justinhough / SassMeister-input.scss
Last active August 29, 2015 14:19
Generated by SassMeister.com.
// ----
// libsass (v3.1.0)
// ----
$default-font-size: 16;
@function remove-unit($num) {
@return $num / ($num * 0 + 1);
}
@mixin rem($property, $values) {
@justinhough
justinhough / cloud.css
Created April 13, 2015 15:21
Animated Clouds
#clouds {
position: absolute;
}
.one {
top: 200px !important;
-webkit-transform: scale(0.8);
-webkit-animation: moveclouds 20s linear infinite;
}
@justinhough
justinhough / SassMeister-input-HTML.html
Created April 4, 2015 16:36
Generated by SassMeister.com.
<div class="ctn-container">
<div class="ctn-grid-24"><span class="box-grid">24</span></div>
<div class="ctn-grid-1"><span class="box-grid">1</span></div>
<div class="ctn-grid-23"><span class="box-grid">23</span></div>
<div class="ctn-grid-2"><span class="box-grid">2</span></div>
<div class="ctn-grid-22"><span class="box-grid">22</span></div>
<div class="ctn-grid-3"><span class="box-grid">3</span></div>
@justinhough
justinhough / SassMeister-input-HTML.html
Created February 15, 2015 19:55
Generated by SassMeister.com.
<div class="ctn-container">
<div class="ctn-grid-24"><span class="box-grid">24</span></div>
<div class="ctn-grid-1"><span class="box-grid">1</span></div>
<div class="ctn-grid-23"><span class="box-grid">23</span></div>
<div class="ctn-grid-2"><span class="box-grid">2</span></div>
<div class="ctn-grid-22"><span class="box-grid">22</span></div>
<div class="ctn-grid-3"><span class="box-grid">3</span></div>