Skip to content

Instantly share code, notes, and snippets.

View jefffis's full-sized avatar
🌵
Birgleflickle

Jeff Doan jefffis

🌵
Birgleflickle
View GitHub Profile
@jefffis
jefffis / gist:806f4082eb00004cf191
Created October 22, 2014 17:44
Responsive email template -- works in Outlook, Gmail, pretty much everywhere but Lotus Notes. Also, works great on mobile in Gmail =)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Single-Column Responsive Email Template</title>
@jefffis
jefffis / gist:5eb2bcbaa50def3e6a85
Created October 24, 2014 16:17
Eat24 Weekend Coupon Code email re-do
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Eat24 Weekend Coupon</title>
@jefffis
jefffis / gist:37e53a2e8b7759bc4118
Last active August 29, 2015 14:14
IE8 and below
<!--[if lte IE 8]>
<div class="old-browsers<?php if(isset($_COOKIE['hide-old-browser-content'])): ?> hide<?php endif; ?>">
<p>It seems you are using an older version of Internet Explorer. While this site may work decently well, a lot of functionality might not work as expected or as well if you were using a modern browser. We suggest using <a href="https://www.google.com/intl/en/chrome/browser/" target="_blank">Google Chrome</a>, <a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Mozilla Firefox</a>, or the latest version of <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank">Internet Explorer</a> (at least version 9) available on your computer. To read more about what browsers we support, <a href="http://blog.leagueapps.com/how-we-think-about-browser-support/" target="_blank">read this blog post</a>.</p>
<p id="hide-old-browser-content"><a href="#">Hide this notice</a></p>
</div>
<script type="text/javascript">
function SetCookie(cookieName,cook
@jefffis
jefffis / gist:aff7050803e3c63a3f9c
Created February 20, 2015 23:39
Find those pesky snippets in Sublime Text 3
alias sbs="cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/"
@jefffis
jefffis / gist:a5536a7e4693eafbb9da
Created February 25, 2015 21:24
Forked from https://gist.github.com/ryangreenberg/869658 to make it work with pulling from current branch
#!/bin/sh
# Shortcut for git pull origin [current_branch]
# Mnemonic: plb for "pull branch"
if git rev-parse --git-dir > /dev/null 2>&1 # Current directory is a git repository
then
# http://stackoverflow.com/questions/1593051/
branch_name="$(git symbolic-ref HEAD 2>/dev/null)" ||
branch_name="(unnamed branch)" # detached HEAD
branch_name=${branch_name##refs/heads/}

Increase listing completion rate on web from 40% to 60% — final result was 43.48%

  • Even though I came in after the OKRs were done, I thought I could make a significant impact here.
  • This specific issue was something I mentioned while interviewing and had thought about before starting.
  • Oumar, Toledo and I worked (mostly Oumar) on adding in Draft Listings, as well as an autosave function while you are listing an item.
  • Toledo and I also created and sent an email last week to 50% of seller with drafts which resulted in Xk listings.
  • I only scored a 17%, but I still feel like this is a win for a few reasons: we built something that needed to be built, adds a lot of value, and with a bit more effort (on boarding / user messaging), can be hugely impactful to Q1 OKRs and most likely all OKRs going forward.

So I take from this that not hitting your target goal is definitely not failing, as long as what you are doing is adding tangible value.

@jefffis
jefffis / gist:3509a6a9c0011309be52
Created May 5, 2015 19:40
Listrak Modal Markup
<style>
#listrak-modal-wrap {
display: table;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: rgba(0,0,0,0.5);
height: 100%;
width: 100%;
@jefffis
jefffis / gist:56ff4d892ef3bf59a86b
Last active August 29, 2015 14:23
Signup / Form flows for web UI examples
@jefffis
jefffis / gist:da1a35aee4dc9cafd597
Last active August 29, 2015 14:24
Animations, interactions, and why we'd use 'em

Animations, interactions, and why we'd use 'em

  • good animations you see, great animations you don’t
  • the best ones work at the subconscious level where you don’t even realize what happened, it just makes the UX better and more predictable/stable
  • they can provide guidance of what to do / where to click (think animated down arrow)
  • they can inform users of something happening to the UI (think form submit)
  • they can provide unexpected delight in the UI (think mailchimp’s email schedule animation, our checkmark growing when a purchase is made, or loving an item in Closets)
  • they can give our system a more polished, native-like feel (think toggling an iOS yes/no slider)
  • they can reduce confusion when a large change happens — instead of just hiding / showing content, animating it can help to add clarity in a UI and help reduce FUD for users