koenpunt

#
# zsh function to start Foreman based on whether or not
# you have multiple Procfiles
#
# we are adopting this schema of having environment
# specific Procfiles:
# 
#    config/development.proc
#    config/stage.proc
#    config/production.proc

koenpunt

Put this code on the page where the form you want to track resides. Some other examples are currently passed around the web with varying quality. This is one that will work as long as your form tag has an id= or name attribute.

You don´t have to change this code to be able to track form abandonment in your shopping cart, order form or whatever form you want.

This sends events to Google Analytics when a user focuses somewhere not in a field after having focused on a input field. You won´t know for how long users focused on respective fields, or the actual conversion rate in the form using this, but it might be a start.

A tool that provides more insight both over time and per field, is Form Analytics wich helps you optimize your online forms. For instance, it measures dropout rate, average field input length, conversion rate and average time per field. All which provides great insights in the most overlooked, yet important part of you site.

Anyway, here´s the code:

koenpunt

General

http://learnxinyminutes.com/docs/swift/

Image Loading

https://github.com/pinterest/PINRemoteImage

Image Processing

koenpunt

//
//  UIImageView+imageFrame.swift
//  Tindex
//
//  Created by Koen Punt on 24-08-15.
//  Copyright (c) 2015 Koen Punt. All rights reserved.
//

import UIKit

koenpunt

server {
  listen 443 ssl;
  server_name ~^(www\.)?(?<domain>.+)$;
  # It's possible to configure Nginx to serve static files directly, and 
  # bypassing Apache but I won't describe that here.
  root /var/apps/$domain/current/public;

  ssl_certificate /etc/ssl/certs/cmpgns/STAR_cmpgns_nl.crt;
  ssl_certificate_key /etc/ssl/private/STAR_cmpgns_nl.key;

koenpunt

# Gets the basename of the original request
map $request_uri $request_basename {
  ~/(?<captured_request_basename>[^/?]*)(?:\?|$) $captured_request_basename;
}
# Gets the basename of the current uri
map $uri $basename {
  ~/(?<captured_basename>[^/]*)$ $captured_basename;
}

koenpunt

<!-- IPAD 3 -->
<link rel="stylesheet" href="/stylesheets/ipad3.css" type="text/css"
	media="only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1.5)" />
<!-- IPAD 2 -->
<link rel="stylesheet" href="/stylesheets/ipad2.css" type="text/css" 
	media="only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-max-device-pixel-ratio:1.5)" />
<!-- IPAD -->
<link rel="stylesheet" href="/stylesheets/ipad.css" type="text/css"
	media="only screen and (min-device-width:768px) and (max-device-width:1024px)" />
<!-- IPHONE 4 -->

koenpunt

Setup MailCatcher with upstart

Clone the mailcatcher repo to a directory, here I use ~/.mailcatcher.

git clone https://github.com/sj26/mailcatcher.git ~/.mailcatcher

Navigate to the directory and setup the dependencies:

koenpunt

Some regular expressions to replace mixins for plain CSS

# search
@include (transition|transform|opacity|backface-visibility|box-sizing|box-shadow|user-select|background(?:-image)?)\((.*)\)
# replace
$1: $2

# search
@include (translate3d|rotate|translateX|translateY)\((.*)\)

replace

koenpunt

set :user,              "deploy"
set :runner,            "deploy"
set :application,       "example.com"
set :deploy_to,         "/var/apps/#{application}"

set :shared_children,   %w(sockets)

set :scm,               :git
set :repository,        "git@github.com:example.git"
set :deploy_via,        :remote_cache