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 / 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>
@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 / 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.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 / 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 / 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 / parallax-backgrounds.js
Last active August 29, 2015 14:23
Simple parallax effect for backgrounds
<div class="section-parallax background-one">
<div class="block">
<h2>Section Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat ante in magna venenatis, non tempus nunc pharetra. Etiam interdum gravida urna, quis eleifend urna ornare eget. Aenean vehicula mi sit amet lectus gravida vehicula. Ut et lacinia neque.</p>
</div>
</div>
<div class="section-parallax background-two">
<div class="block">
<h2>Section Title</h2>
@justinhough
justinhough / blur-backgrounds.css
Created July 4, 2015 05:01
Simple JavaScript Blur Effect on for Backgrounds
html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.wrapper {
overflow-x: hidden;
height: 100%;
}
@justinhough
justinhough / upstream.sh
Created July 7, 2015 16:10
Update Forked Repository with Bash
#!/bin/bash
git fetch upstream
git checkout master
git merge upstream/master
git merge upstream/master
# If your upstream branch is already setup using
# https://help.github.com/articles/configuring-a-remote-for-a-fork/
# then you can run this simple shell script to update your fork quickly and easily.
# RUN: $ bash upstream.sh
@justinhough
justinhough / SassMeister-input-HTML.html
Created July 28, 2015 15:32
Generated by SassMeister.com.
<div class="grid-50">
<div id="book-design" class="image-right-after">
<h1>Testing</h1>
<p>testing the text testing the text testing the text testing the text testing the text testing the text testing the text testing the text testing the text testing the text </p>
<p><a href="#">button</a></p>
</div>
</div>
<div class="grid-50">
<div id="book-design-2" class="image-left-after">