Max Schoening max

When Ron told me about the Genius Bar, I asked, "So how big is it?" He said, "Five people in every store." "So you're going to take away 20% of the sales floor?" "Yeah." "What are we going to charge?" "Nothing." Most CFOs would say, "Are you fucking crazy?" But even as a financial guy at Apple, you have to have a reverence for the creative side of the business. You have to figure out ways to say yes.

http://www.fastcodesign.com/3016337/an-oral-history-of-apple-design-2004

Sometimes you just want to base 64 encode an image or a font file:

function 64enc() {
  openssl base64 -in $1 | awk -v ext="${1#*.}" '{ str1=str1 $0 }END{ print "background:url(data:image/"ext";base64,"str1");" }'|pbcopy
	echo "$1 encoded to clipboard"
}

Designing in s/Photoshop/Code

Would you be interested in a workshop at Heroku to learn more about one or all of these things:

Using Framer.js to breathe life into your static comps
Building prototypes with fake/real data in HTML/CSS, and a minimum of Javascript (Angular.JS)
Prototyping native iOS and OS X apps in code
Running prototypes/static apps on Heroku to share them with your team

All of these workshops would be for designers with rudimentary web design skills. Aka these things are meaningful to you:

	## Retrospective (%@-7D%b %d %Y — %@-3D%b %d %Y)

	### Good

	### Bad

	### Ugly

	### Learnins'

	.conversation-root + * {
	display: none;
	}

	.conversation-module > li:after, .conversation-module > li:before {
	display: none;
	}

	#!/usr/bin/env ruby -wKU


	# A TextExpander snippet to make CloudApp's share URLs SSL friendly
	# 1. Upload a file to CloudApp (http://cl.ly/image/2g0a3Q2G3g09)
	# 2. Trigger this TextExpander snippet with the share URL in your clipboard
	# 3. Have the share URL replaced with a Markdown image using an SSL URL
	# (https://s3.amazonaws.com/f.cl.ly/items/1A2b1m1K1S1d442l202u/Image%202013-09-06%20at%2010.24.06%20AM.png)

	@mixin page-heading() {
	// Page headers include a background texture refactored into a reusable mixin
	@include background-texture();
	background: purple;
	font-size: 16px;
	}

	@mixin primary-heading() {
	color: red;
	font-size: 24px;

	// I needed flatuicolors.com as Sass variables...
	// In your console, run:
	$('.color').get().map(function(el) { return "$" + el.classList[1] + ": " + el.getAttribute('data-clipboard-text') + ';' }).join('\r\n');

	// Output:
	// $turquoise: #1abc9c;
	// $emerland: #2ecc71;
	// $peter-river: #3498db;
	// $amethyst: #9b59b6;
	// $wet-asphalt: #34495e;

	<!doctype html>
	<title>Simple Image Zooming for Viso</title>

	<script src="http://www.framerjs.com/static/js/framer.js?123"></script>

	<script>
	window.onload = function() {
	// Render a simple browser window
	browser = new ImageView({
	x: 20, y: 20,

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>CodePen · A Pen by max</title>
	<!--
	Copyright (c) 2012 Maximilian Schoening, http://codepen.io/max

	Permission is hereby granted, free of charge, to any person obtaining