Skip to content

Instantly share code, notes, and snippets.

View jongrover's full-sized avatar

Jonathan Grover jongrover

169 followers · 46 following
View GitHub Profile
@jongrover
jongrover / jquery.colorcycle-ordered.js
Created December 5, 2014 20:34
jQuery Color Cycle Plugin Modified to change colors in order instead of selecting colors randomly
/* jQuery Color Cycle Plugin - v0.1.1 - created by: [email protected] */
(function ($) {
$.fn.colorCycle = function( options ) {
var settings = $.extend({
colors: ['#ff0000', '#ff6600', '#ff9900', '#ffcc00', '#ffff00', '#ccff00', '#99ff00', '#66ff00', '#00ff66', '#00ff99', '#00ffcc', '#00ffff', '#00ccff', '#0099ff', '#0066ff', '#0033ff', '#0000ff', '#3300ff', '#6600ff', '#9900ff', '#cc00ff', '#ff00ff', '#ff00cc', '#ff0099', '#ff0066'],
animationStartRange: 1000,
animationEndRange: 2000,
loopStartRange: 1000,
@jongrover
jongrover / index.html
Last active August 29, 2015 14:10
CSS - Micro Grid System ( fluid with 2% margins)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Micro Grid Example</title>
<link rel="stylesheet" href="micro-grid-fluid-2p-margins.css">
</head>
<body>
<div class="container">
@jongrover
jongrover / bootstrapcdn.sublime-snippet
Last active June 7, 2018 14:06
Bootstrap CDN Template Sublime Text Snippet
<snippet>
<content><![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
@jongrover
jongrover / bootstrap-cdn-template.html
Last active January 14, 2016 12:26
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!--[if lt IE 9]>
@jongrover
jongrover / gist:2279676f978c5bbaf21c
Created July 23, 2014 21:36
live_event_listener.js
// Regular event listener applys a listener once at the moment the DOM loads and the document is ready.
$('button').click(function(){});
// Under the hood jQuery really calls the on() method.
$('button').on('click', function(){});
// The Problem
@jongrover
jongrover / contact.css
Last active November 10, 2015 15:41
Front-end / Back-end Validated Email Mailer Form Submission Solution using HTML5, PHP5, JavaScript, and jQuery
input.error, textarea.error {
border: 1px solid red;
}
span.error {
display: none;
color: red;
}
@jongrover
jongrover / .bash_profile
Last active January 24, 2017 21:00
Bash Profile
# Configuring Our Prompt
# ======================
# Reset
# Color_Off='\e[0m' # Text Reset
# Regular Colors
# Black='\e[0;30m' # Black
# Red='\e[0;31m' # Red
# Green='\e[0;32m' # Green
@jongrover
jongrover / .gitignore_global
Created April 3, 2014 17:29
GIT ignore global
# Compiled source #
###################
*.com
*.class
*.dll
*.exe
*.o
*.so
# Packages #
@jongrover
jongrover / .gitconfig
Created April 3, 2014 17:28
Git configuratiuon
[core]
whitespace=fix,-indent-with-non-tab,trailing-space,cr-at-eol
excludesfile = /Users/jonathangrover/.gitignore_global
[alias]
st = status
ci = commit
br = branch
co = checkout
df = diff
lg = log -p
@jongrover
jongrover / email-regex-filter.txt
Created March 31, 2014 18:09
JavaScript Email Regex Filter
/^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/