Skip to content

Instantly share code, notes, and snippets.

View somecallmejosh's full-sized avatar

Joshua Briley somecallmejosh

20 followers · 22 following
View GitHub Profile
@somecallmejosh
somecallmejosh / index.html
Last active February 15, 2016 02:58
HTML: Skeleton Baseline #snippet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SITE TITLE</title>
<!-- Disable tap highlight on IE -->
<meta name="msapplication-tap-highlight" content="no">
@somecallmejosh
somecallmejosh / gulpfile.js
Last active February 15, 2016 02:58
JavaScript: Gulpfile Baseline #snippet
var gulp = require('gulp'),
jshint = require('gulp-jshint'),
sass = require('gulp-sass'),
imagemin = require('gulp-imagemin'),
browserify = require('browserify'),
uglify = require('gulp-uglify'),
minifyHTML = require('gulp-minify-html'),
concat = require('gulp-concat'),
rename = require('gulp-rename'),
source = require('vinyl-source-stream'),
@somecallmejosh
somecallmejosh / .gitignore
Last active February 15, 2016 02:57
DOT FILES: Git Ignore Baseline #snippet
.DS_Store
*/.DS_Store
node_modules
build/
_site
.sass-cache
.ruby-version
.ruby-gemset
vendor
# Apache Server Configs v2.11.0 | MIT License
@somecallmejosh
somecallmejosh / TestExport
Created September 28, 2016 19:02
<style type="text/css">
.myGist {background-color: black; height: 50px; width: 100%;}
.myGist__list {padding: 0; margin: 0;}
.myGist__list--item {display: inline-block; list-style: none;}
.myGist__list--link {color: white; line-height: 50px; padding: 0 10px;}
</style>
<div class="myGist">
<ul class="myGist__list">
<li class="myGist__list--item"><a class="myGist__list--link" href="http://americastestkitchen.com">America's Test Kitchen</a></li>
@somecallmejosh
somecallmejosh / stacked-form.html
Last active November 29, 2016 20:05
<form action="#" class="atkForm atkForm--stacked b" novalidate>
<div class="atkForm__fields">
<div class="atkForm__group">
<label class="atkForm__group--label" for="firstName">First Name</label>
<input class="atkForm__group--input" type="text" name="firstName" required />
<div class="atkForm__group--error">First Name is required</div>
</div>
<div class="atkForm__group">
<label class="atkForm__group--label" for="lastName">Last Name</label>
<input class="atkForm__group--input" type="text" name="lastName" required />
@somecallmejosh
somecallmejosh / side-by-side-form.html
Last active November 29, 2016 20:04
<form action="#" class="atkForm atkForm--side-by-side form-1" novalidate>
<div class="atkForm__fields">
<div class="atkForm__group">
<label class="atkForm__group--label" for="email">Enter Your Email Address</label>
<input class="atkForm__group--input" type="email" name="email" required />
<div class="atkForm__group--error">Email is required</div>
</div>
</div>
<div class="atkForm__action">
<button class="atkForm__submit" type="submit">
@somecallmejosh
somecallmejosh / form.scss
Last active November 29, 2016 20:00
Form Styles
$field-height: 50px;
.atkForm {
input,
input[type="search"],
textarea {
/* For Safari zooming issues */
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size: 16px;
@somecallmejosh
somecallmejosh / form.js
Last active November 29, 2016 19:59
'use strict';
var form = $('form'),
formFields = $('.atkForm__fields'),
formSubmit = $('.atkForm__submit'),
parentGroup = $('.atkForm__group'),
formError = $('.atkForm__group--error');
$('form input').blur(function() {
@somecallmejosh
somecallmejosh / old-school-input-view-focus-blur.html
Created November 23, 2016 22:00
<input
type="text"
name="search"
value="search..."
alt="search" onblur="if(this.value=='') this.value='search...';"
onfocus="if(this.value=='search...')
this.value='';"
>
@somecallmejosh
somecallmejosh / form-placeholder-mixin.scss
Created November 24, 2016 02:15
@mixin default-placeholder {
color: #333;
font-family: $montserrat;
}
@mixin fly-out-placeholder {
color: #777;
font-family: $merriweather;
}