Skip to content

Instantly share code, notes, and snippets.

View frecklebit's full-sized avatar

Adam Jenkins frecklebit

View GitHub Profile
@frecklebit
frecklebit / animated-loader.html
Last active March 17, 2016 16:04
A CodePen by Adam Jenkins. Animated CSS Loader - Here I'm using CSS3 animation to create a fancy loader.
<h1>Animated CSS Loader</h1>
<div class="bubbles">
<span></span>
<span id="bubble2"></span>
<span id="bubble3"></span>
</div>
@frecklebit
frecklebit / uri.js
Created October 2, 2013 15:59 — forked from jlong/uri.js
JavaScript URI parser.
var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";
parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port; // => "3000"
parser.pathname; // => "/pathname/"
parser.search; // => "?search=test"
parser.hash; // => "#hash"
parser.host; // => "example.com:3000"
@frecklebit
frecklebit / mysql.backup.sh
Created December 13, 2013 19:04
MySQL database backup via shell script
#!/bin/bash
### MySQL Server Login Info ###
MUSER="ROOT_USER"
MPASS="ROOT_PASSWORD"
MHOST="localhost"
MYSQL="$(which mysql)"
MYSQLDUMP="$(which mysqldump)"
BAK="/backup/mysql"
### FTP Server Login Info ###
USEFTP=false
@frecklebit
frecklebit / 0_reuse_code.js
Created January 21, 2014 16:06
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
@frecklebit
frecklebit / SassMeister-input-HTML.html
Created March 20, 2014 19:02
Generated by SassMeister.com.
<p>Demo by Adam Jenkins.</p>
@frecklebit
frecklebit / HTML5-CSS-Calendar-Icon-HTML.html
Last active August 29, 2015 13:57
Generated by SassMeister.com.
<time datetime="2014-03-20" class="icon">
<em>Thursday</em>
<strong>March</strong>
<span>20</span>
</time>
var fields = [
{ title: 'Single Line Text', type: 'single_line_text', icon: 'font' },
{ title: 'Paragraph Text', type: 'paragraph_text', icon: 'paragraph' },
{ title: 'Multiple Choice', type: 'multiple_choice', icon: 'dot-circle-o' },
{ title: 'Number', type: 'number', icon: 'slack' },
{ title: 'Checkboxes', type: 'checkboxes', icon: 'check-square-o' },
{ title: 'Dropdown', type: 'dropdown', icon: 'toggle-down' }
];
define(['angular'], function(angular) {
'use strict';
return angular.module('salubrity.controllers', []);
});
@frecklebit
frecklebit / _hamburger.scss
Created November 20, 2015 19:00
Hamburger Menu
// Hamburger Menu Icon
$hamburger-position: right !default;
$hamburger-color: $header-font-color !default;
$hamburger-height: $header-height !default;
$hamburger-width: 24px !default;
$hamburger-thickness: 2px !default;
.hamburger {
line-height: 0;
@frecklebit
frecklebit / foundation.gravity.js
Created March 22, 2017 14:00
Foundation Gravity
/**
* Foundation Gravity by Adam Jenkins
* Licensed under MIT Open Source
*/
'use strict';
!function ( $ ) {
/**