Skip to content

Instantly share code, notes, and snippets.

View jayperryworks's full-sized avatar

Jay Perry jayperryworks

View GitHub Profile
@jayperryworks
jayperryworks / gulpfile.js.jekyll-uncompiled
Last active August 29, 2015 14:02
gulpfile for jekyll (github pages, uncompiled version)
'use strict';
// generated on 2014-05-21 using generator-gulp-webapp 0.1.0
var gulp = require('gulp');
// useful file paths
var path = {
app: 'app',
dist: 'dist',
bower: '_bower_components',
@jayperryworks
jayperryworks / gulpfile.js.jekyll
Last active August 29, 2015 14:03
gulpfile for jekyll (compiled)
'use strict';
// based on generator-gulp-webapp 0.1.0
var gulp = require('gulp');
// var connect = require('gulp-connect');
// local server port
var SERVE_PORT = 4000;
// tell me what the error is!
@jayperryworks
jayperryworks / gulpfile.js.metalsmith
Created July 7, 2014 13:17
Gulpfile for metalsmith/gulp-based prototyping workflow
"use strict";
// based on generator-gulp-webapp 0.1.0
// manually require modules that won"t get picked up by gulp-load-plugins
var gulp = require("gulp");
// load plugins
var $ = require("gulp-load-plugins")();
// local server port
@jayperryworks
jayperryworks / middleman.config.rb
Last active November 20, 2016 20:34
Middleman config file (basic setup including Bower)
# https://github.com/middleman/middleman/issues/841
# https://github.com/middleman/middleman-minify-html
###
# Compass
###
# Change Compass configuration
# compass_config do |config|
# config.output_style = :compact
@jayperryworks
jayperryworks / .editorconfig
Last active August 29, 2015 14:10
Bivee's default .editorconfig setup -- thanks to to editorconfig.org
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# Change these settings to your own preference
@jayperryworks
jayperryworks / gulpfile.js
Last active August 29, 2015 14:10
gulpfile for sass processing/compression
'use strict';
var gulp = require('gulp');
// load plugins
var $ = require('gulp-load-plugins')();
// minifyCSS = require('gulp-minify-css');
// useful file paths
var path = {
@jayperryworks
jayperryworks / gulpfile.js
Last active August 29, 2015 14:11
Create SVG sprites with Gulp, using gulp-svgstore
"use strict";
var gulp = require("gulp");
// useful file paths
var icons = {
src : "source/assets/images/icons",
dest : "source/assets/images"
};
@jayperryworks
jayperryworks / _icon.erb
Last active August 29, 2015 14:11
A simple ERB partial (for Middleman) to insert an external icon sprite. Based on the svg4everybody guidelines (https://github.com/jonathantneal/svg4everybody).
<%# A simple partial for inserting SVG sprites. %>
<%# @param id: (string) the ID of the sprite you want %>
<%# @param classes: (string, optional) any classes you'd like to add. %>
<%# @param role: ARIA role. use either 'img' (default) or 'presentation'. %>
<%# -> "presentation" designates it as simply decoration (and should be ignored by screenreaders) %>
<%# -> while "img" says it should have its own description. In the latter case, the title attribute acts like an alt tag. %>
<% classes ||= "" %>
<% title ||= "" %>
<% role ||= "img" %>

Bivee CSS Framework

CSS is quite possibly the best visual design tool ever invented. Its ability to control an interface’s layout, type, color, and behavior “unobtrusively” — changing the way the interface is presented without disturbing the content — is, as far as I know, unparalleled in this industry or any other. CSS is the best tool for executing website design, but it is quickly finding broader uses (native apps, vector graphics, electronic books, and even print design, among others). It uses a syntax so simple you can learn its basics in a few days, but you can spend a lifetime exploring its nuances. Much of its power comes from the way it teaches you to think about how interface and content work together. A few months’ writing CSS and you’ll find yourself seeing your work in a different way.

The language, however, is in an interesting place these days. The web — and interactive design in general — has come a long way from where it started in the early 1990s. Where web pages were originally seen as

@jayperryworks
jayperryworks / .gitattributes
Created January 20, 2016 00:06
Git LFS setup for design files
# output files
*.jpg filter=lfs diff=lfs merge=lfs -text
*.pdf filter=lfs diff=lfs merge=lfs -text
*.png filter=lfs diff=lfs merge=lfs -text
# raw files
*.CR2 filter=lfs diff=lfs merge=lfs -text
# work files
*.sketch filter=lfs diff=lfs merge=lfs -text