Skip to content

Instantly share code, notes, and snippets.

Jason B. devilshaircut

Block or report user

Report or block devilshaircut

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:efed3ce4afad04ad7f29d84d81b87d3c
<!-- <input id="new-to-do" type="test" />
<button onclick="myFunction()">Click Me!</button>
<ul id="to-do">
<script src="test.js"></script>-->
View gist:cef07f1563ff83aeb9c11288661ca292
var tasks = [ "Drink Coffee", "Eat Donuts", "Go to Gym" ];
var loadTasks = function(myTasks) {
for (var i=0; i < myTasks.length; i++) {
$("#to-do").append("<li>" + myTasks[i] + "</li>");
View gist:dc132d270cd103aa3b5d
var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
var vowels = ["a", "e", "i", "o", "u", "y", "h"];
var numberOfWords = 0;
var words = [];
var populatePossibilities = function(base) {
var newPossibilities = [];
var baseLength = base.length;
View gist:9147043
7:26 Okay, I'm going to head out in a few mins but since I got this topic started. Time to end it with some quick questions.
7:26 1 question per person please.
7:26 42
7:26 pulls up his list and looks for a quick one.
7:26 yellow
7:26 no, blue!
devilshaircut / Hamburger Menu Touch Device Settings
Last active Dec 28, 2015
Hamburger Menu Touch Device Settings
View Hamburger Menu Touch Device Settings
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” />
View Hamburger Menu Boilerplate
@import "compass/reset"; // As with all projects, override ludicrous browser default styles.
@import "compass/css3"; // We will use some CSS3 transitions (among other things) to make the interface more usable.
View Hamburger Menu Expanded State Styles
body.nav-expanded {
#page-content {
left: 75%;
#hamburger-icon {
left: 75%;
View Hamburger Menu Markup
<div id="page-content">
<h3>A Header</h3>
<p>A Paragraph</p>
<!-- #page-content -->
<div id="hamburger-icon">
<!-- #hamburger-icon -->
View Hamburger Menu Top Bar Styles
nav {
display: block;
width: 100%;
height: 50px;
padding: 0 100px;
margin: 0 0 20px 0;
line-height: 50px;
background: #cccccc;
position: fixed;
z-index: 7;
View Hamburger Menu Hamburger Icon Styles
#hamburger-icon {
display: none;
float: left;
width: 100%;
height: 50px;
margin: 0 0 20px 0;
padding: 0 20px;
line-height: 50px;
background: #cccccc;
cursor: pointer;
You can’t perform that action at this time.