Skip to content

Instantly share code, notes, and snippets.

View bradfrost's full-sized avatar

Brad Frost bradfrost

4.2k followers · 20 following
View GitHub Profile
@bradfrost
bradfrost / dabblet.css
Created March 19, 2012 05:24
Center aligned placeholder text
/**
* Center aligned placeholder text
*/
input {
box-sizing: border-box;
width: 100%;
padding: 1em;
border: 0.15em solid #808080;
border-radius: 0.5em;
@bradfrost
bradfrost / dabblet.css
Created March 26, 2012 16:36
text-rendering: optimizeLegibility example
/**
* text-rendering: optimizeLegibility example
*/
body {
background: #BE6700;
}
h1 {
color: #DEDCB9;
font: italic normal 5em/1 Georgia, "Times New Roman", Times, serif;
@bradfrost
bradfrost / dabblet.css
Created June 25, 2012 20:04
Untitled
.list {
overflow: hidden;
border-top: 1px solid #808080;
list-style: none;
}
.list li {
border-bottom: 1px solid #808080;
}
.list li a {
@bradfrost
bradfrost / index.html
Created August 15, 2012 21:55
A web page created at CodePen.io.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- IF PEN IS PRIVATE -->
<!-- <meta name="robots" content="noindex"> -->
<!-- END -->
@bradfrost
bradfrost / gist:4367320
Created December 24, 2012 03:26
Hilarious list of available occupations according to a health insurance signup form. I love how finite it is.
<select name="ctl00$cphMain$ddlPrimaryOccupation$ddlPrimaryOccupationddlMainInput" onchange="javascript:setTimeout('__doPostBack(\'ctl00$cphMain$ddlPrimaryOccupation$ddlPrimaryOccupationddlMainInput\',\'\')', 0)" id="ctl00_cphMain_ddlPrimaryOccupation_ddlPrimaryOccupationddlMainInput">
<option selected="selected" value=""></option>
<option value="13">Accountant</option>
<option value="14">Administrative Assistant</option>
<option value="15">Advertising</option>
<option value="16">Appraiser</option>
<option value="17">Architect</option>
<option value="18">Athletic Coach</option>
<option value="19">Barbers/Beauticians</option>
<option value="20">Bookkeeper</option>
@bradfrost
bradfrost / SassMeister-input.scss
Created December 11, 2013 05:24
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@function randomColor($format:NULL) {
$red: random(256);
$green: random(256);
$blue: random(256);
@return rgb($red, $green, $blue);
@bradfrost
bradfrost / gist:8167031
Last active January 1, 2016 15:49
Names my wife and I call our dog.
  • Ziggy
  • Zigs
  • The Zigster
  • It's That Zigs
  • Ziggy Piggy
  • Piggy Ziggy
  • Mr Snorts
  • Mr Grunts
  • Mr Babies
  • Mr Jowlies
@bradfrost
bradfrost / gist:9856884
Last active August 29, 2015 13:57
Using Grunt with Pattern Lab
module.exports = function(grunt) {
// Configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
shell: {
patternlab: {
command: "php core/builder.php -gp"
}
},
@bradfrost
bradfrost / gist:10019761
Last active August 29, 2015 13:58
UXIE Workshop Exercise Sites
@bradfrost
bradfrost / gist:10906886
Last active July 17, 2021 15:39
Starter Kit Gruntfile.js
module.exports = function(grunt) {
// Configuration
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
dist: {
src: [
'source/js/libs/*.js', // All JS in the libs folder