Justin Hough justinhough
📙
justinhough
/ SassMeister-input-HTML.html
Created
February 15, 2015 19:55
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #clouds { | |
| position: absolute; | |
| } | |
| .one { | |
| top: 200px !important; | |
| -webkit-transform: scale(0.8); | |
| -webkit-animation: moveclouds 20s linear infinite; | |
| } |
justinhough
/ SassMeister-input.scss
Last active
August 29, 2015 14:19
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.1.0) | |
| // ---- | |
| $default-font-size: 16; | |
| @function remove-unit($num) { | |
| @return $num / ($num * 0 + 1); | |
| } | |
| @mixin rem($property, $values) { |
justinhough
/ canvas_percentage_POC.html
Created
May 23, 2015 19:40
POC for using canvas to draw a circle with percentage in browser
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| .stats { | |
| float: left; | |
| margin-right: 20px; | |
| position: relative; | |
| /*height: 250px; | |
| width: 250px;*/ |
justinhough
/ parallax-backgrounds.js
Last active
August 29, 2015 14:23
Simple parallax effect for backgrounds
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ blur-backgrounds.css
Created
July 4, 2015 05:01
Simple JavaScript Blur Effect on for Backgrounds
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, body { | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| .wrapper { | |
| overflow-x: hidden; | |
| height: 100%; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
OlderNewer