Skip to content

Instantly share code, notes, and snippets.

I may be slow to respond.

Daniel Furze furzeface

I may be slow to respond.
Block or report user

Report or block furzeface

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
furzeface / result.js
Created Oct 25, 2018
Reusable result snippet
View result.js
result = result && result.result ? result.result : result;
furzeface /
Created Jun 14, 2018
ITCSSify things. I keep needing to do this when refactoring legacy projects.
mkdir -p ./src/styles
touch ./src/styles/main.scss
mkdir -p ./src/styles/{base,components,generic,objects,settings,tools,trumps}
touch ./src/styles/{base,components,generic,objects,settings,tools,trumps}/__index.scss
echo "// Base - Unclassed HTML elements (type selectors)" > ./src/styles/base/__index.scss
echo "// Components - Designed components, chunks of UI" > ./src/styles/components/__index.scss
echo "// Generic - Ground-zero styles (normalize, resets, box-sizing etc)" > ./src/styles/generic/__index.scss
furzeface / media-query.less
Created Jan 14, 2015
Show which media query you’re using
View media-query.less
// Show which media query you’re using
body {
padding-bottom: 4rem;
&:after {
position: fixed;
bottom: 0;
left: 0;
furzeface / Gruntfile.js
Last active Aug 29, 2015
Sample Gruntfile.js file for Yeoman generator.
View Gruntfile.js
* @file Gruntfile
* @version <%= projectVersion %>
* @author {@link<%= yourGitHub %> <%= yourName %>}
module.exports = function (grunt) {
// Time all the things
// Load all NPM tasks
furzeface / bower.json
Last active Aug 29, 2015
Sample bower.json file.
View bower.json
"name": "myProject",
"version": "1.0.0",
"authors": [
"Daniel Furze <>"
"description": "My awesome project.",
"main": "index.html",
"keywords": [
furzeface / sample-bower-template.json
Created Sep 28, 2014
Sample bower.json template for Yeoman generator.
View sample-bower-template.json
"name": "<%= _.slugify(projectName) %>",
"version": "0.0.0",
"dependencies": {
"devDependencies": {
"sassface": "~1.2.0"
furzeface / grunt-pugpig-issues-usage.js
Created Sep 23, 2014
Grunt Pugpig issues XML usage.
View grunt-pugpig-issues-usage.js
pugpig_issues_xml: {
custom_options: {
options: {
root: 'content.xml',
dest: 'deploy/',
fileName: 'issues',
partName: 'all',
partSrc: ''
furzeface / grunt-pugpig-editions-usage.js
Created Sep 23, 2014
Grunt Pugpig editions XML usage.
View grunt-pugpig-editions-usage.js
pugpig_editions_xml: {
default_options: {
options: {
author: 'Building Blocks',
coverSrc: 'our_cover.jpg',
dest: 'deploy/',
editionName: 'publication1',
fileName: 'editions',
id: 'com.building-blocks.publication1',
furzeface / grunt-pugpig-contents-usage.js
Created Sep 23, 2014
Grunt Pugpig contents XML usage.
View grunt-pugpig-contents-usage.js
pugpig_contents_xml: {
default_options: {
options: {
dest: 'dist/',
id: 'com.building-blocks.publication1',
fileName: 'content',
title: 'My first publication'
furzeface / Media Query Mixin
Last active Aug 22, 2016
My Sass Media Query Mixin...cos I keep forgetting to share this.
View Media Query Mixin
//=My breakpoint variables
//Usually kept in _variables.scss
$breakpoint-extra-small: 20em; //320px
$breakpoint-small: 30em; //480px
$breakpoint-medium: 50em; //800px
$breakpoint-extra-medium: 65em; //1040px
$breakpoint-large: 80em; //1280px
$breakpoint-extra-large: 100em; //1600px
You can’t perform that action at this time.