Skip to content

Instantly share code, notes, and snippets.

View bradfrost's full-sized avatar

Brad Frost bradfrost

View GitHub Profile
"person" : {
"img": {
"square": {
"src": "../../images/sample/avatar.jpg",
"alt": "Thisisauser Withaverylonglastname"
},
},
"title" : "Thisisauser Withaverylonglastname",
"subtitle" : "Chief Executive Officer"
}
{{# person }}
{{> molecules-block }}
{{/ person }}
@bradfrost
bradfrost / gist:a7926cfea4dc742569d9
Created June 26, 2014 03:54
Example JSON file to feed Mustache pattern in Pattern Lab
{
"img": {
"square": {
"src": "../../images/fpo_square.png",
"alt": "Square Thumbnail"
},
},
"title" : "Lorem Ipsumdmada (32 characters)",
"subtitle" : "Dolar sit amee consectetur"
}
@bradfrost
bradfrost / gist:91931810b033a79cf8a9
Last active August 29, 2015 14:03
Example Mustache media object
<div class="block">
<img src="{{ img.square.src }}" alt="{{ img.square.alt }}" class="block__thumb" />
<div class="block__body">
<h2 class="block__title">{{ title }}</h2>
<p class="block__subtitle">{{ subtitle }}</p>
</div>
</div>
@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
@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: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 / 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: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>