Skip to content

Instantly share code, notes, and snippets.

View jongrover's full-sized avatar

Jonathan Grover jongrover

159 followers · 46 following
View GitHub Profile
@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})?$/
@jongrover
jongrover / css-gradients.css
Created March 13, 2014 21:40
Some gradients to copy and paste for grey fades
/* LIGHT-FADE */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 24%, #ffffff 68%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(24%,#ffffff), color-stop(68%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 24%,#ffffff 68%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#ffffff 24%,#ffffff 68%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 24%,#ffffff 68%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#ffffff 24%,#ffffff 68%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */