benschwarz

.module {
  background: url('logo.png');
  background: none, url('logo.svg');
}

benschwarz

#!/usr/bin/env bash

assets='stylesheets javascripts images fonts'
echo "Deploying: $assets"

s3cmd sync --force --reduced-redundancy --acl-public $assets s3://a.germanforblack.com/

benschwarz

hub pull-request -i <issue-id-number> -h <gh-account>:<branch-name>

benschwarz

sync: ( method, collection, options ) ->
    content = localStorage.getItem( @url() ) if localStorage

    if content and not navigator.onLine
      options.success JSON.parse content
    else
      return Backbone.sync( method, collection, options ).done ( response ) =>
        localStorage.setItem( @url(), JSON.stringify( response ) ) if localStorage

benschwarz

$('a').on('touchstart', function(event) {
  return $(this).addClass('tapped');
});

$('a').on('touchend', function() {
  return $(this).removeClass('tapped');
});

benschwarz

Howto:

• Run an insert statement to YQL, storing your API Key with a use statement linking to this gist.

insert into yql.storage.admin (value) values ("
use 'https://raw.github.com/gist/5ceb77a28686513f16a7/cb17fcb095847f320426fb0fc5261d47cf62b0d8/postmark.xml' as postmark;
set api_key='YOUR KEY HERE' on postmark;
")

benschwarz

<?xml version="1.0" encoding="UTF-8"?>
<table xmlns="http://query.yahooapis.com/v1/schema/table.xsd" https="true">
    <meta>
        <author>Ben Schwarz</author>
        <description>Get the recent images for a given user on instagram</description>
        <documentationURL>http://instagram.com/developer/endpoints/users/#get_users_media_recent</documentationURL>
        <apiKeyURL></apiKeyURL>
    </meta>
    <bindings>
        <select itemPath="" produces="JSON">

benschwarz

<h1>An auto playing image gallery with controls</h1>
<p>Sans-javascript, kids</p>
<div class="fading-gallery fading-gallery-size-3">
  <div id="image-1" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=one">

  <div id="image-2" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=two">

  <div id="image-3" class="control-operator"></div>

benschwarz

<h1>An auto playing image gallery with controls</h1>
<p>Sans-javascript, kids</p>
<div class="fading-gallery fading-gallery-size-3">
  <div id="image-1" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=one">

  <div id="image-2" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=two">

  <div id="image-3" class="control-operator"></div>

benschwarz

<h1>An auto playing image gallery with controls</h1>

<div class="fading-gallery fading-gallery-size-3">
  <div id="image-1" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=one">

  <div id="image-2" class="control-operator"></div>
  <img src="http://placehold.it/200x300.png&text=two">

  <div id="image-3" class="control-operator"></div>