Skip to content

Instantly share code, notes, and snippets.

View pixelbacon's full-sized avatar

Michael Minor pixelbacon

View GitHub Profile
@pixelbacon
pixelbacon / README.md
Last active March 11, 2016 08:27
Resizer config for Viewport-Resizer

Viewport Resizer is freagin awesome... But I always end up running my own set of sizes to represent modern breakpoints.

@pixelbacon
pixelbacon / node-install.sh
Last active February 26, 2016 17:54
Install Node & NPM from source on Ubuntu
# Node & NPM & iosjs
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash
nvm install node
nvm install iojs

"Must Have" Atom Packages

And so here is my list of the packages I install right after I install Atom. And if you have stopped and thought "eh, I have Sublime Text"... Stop and go install Atom to give it a try.

Install

@pixelbacon
pixelbacon / xcode-version.sh
Last active December 7, 2018 21:52
Switch Version of Xcode
#!/bin/sh
# `sudo sh xcode-version -8.2.1`
# Set variables
xcodeAppsPattern="Xcode_*.app"
DidSwitchedVersions=false
CurrentV=$( defaults read /Applications/Xcode.app/Contents/Info CFBundleShortVersionString )
DesiredV="$1"
# Move into the right directory
@pixelbacon
pixelbacon / Logger.js
Created June 13, 2017 20:24
Wrapper for visionmedia/debug
import Debug from 'debug';
Debug.enable('company.*');
function createLogger(prefix){
prefix = 'company.project.' + prefix;
return {
log: Debug(prefix),
error: Debug(prefix + '::ERROR'),
info: Debug(prefix + '::info'),
warning: Debug(prefix + '::warning'),
@pixelbacon
pixelbacon / Contract Killer 3.md
Last active June 19, 2018 15:58
The latest version of my ‘killer contract’ for web designers and developers

Contract Killer

The popular open-source contract for web professionals by Stuff & Nonsense

  • Originally published: 23rd December 2008
  • Revised date: March 15th 2016
  • Original post

@pixelbacon
pixelbacon / cssName.js
Created December 20, 2018 14:55
vue-responsive-components helper
import _ from 'lodash';
const cssName = nameStr => _.lowerFirst(nameStr);
export default cssName;
export function intersection(a, aa) {
return a.filter(item => aa.includes(item));
}
export function intersects(a, aa) {
return !!intersection(a, aa).length;
}
import gql from 'graphql-tag'
const query = gql`query user($id: ID!) {
user(
where: {
id: $id
}
) {
id
createdAt
@pixelbacon
pixelbacon / _scssVuetify.md
Last active December 25, 2018 22:23
SCSS + Vuetify

SASS + Vuetify Mixin

This is the absolute bare bones breakpoint mixin to make things very, very easy during development.