Skip to content

Instantly share code, notes, and snippets.

View jefffis's full-sized avatar
🌵
Birgleflickle

Jeff Doan jefffis

🌵
Birgleflickle
4 followers · 1 following
View GitHub Profile
@jefffis
jefffis / dv-fullstory-gtm-injection.js
Last active August 11, 2018 23:23
FullStory GTM Injection
function dv_fullstory(segmentName) {
window['_fs_debug'] = false;
window['_fs_host'] = 'www.fullstory.com';
window['_fs_org'] = '1ZRXF';
window['_fs_namespace'] = 'FS';
(function(m,n,e,t,l,o,g,y){
if (e in m && m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].'); return;}
g=m[e]=function(a,b){g.q?g.q.push([a,b]):g._api(a,b);};g.q=[];
o=n.createElement(t);o.async=1;o.src='https://'+_fs_host+'/s/fs.js';
@jefffis
jefffis / .txt
Created November 29, 2016 22:40
Audit Trumps Finacial Conflicts
To: siggerudk@gao.gov, minellit@gao.gov
Subject: In support of Senator Elizabeth Warren's request for an audit of our incoming President Elect's finances
Body:
Greetings,
I'm writing in support of Senator Elizabeth Warren's request for an audit of our incoming President Elect's finances, to prohibit conflicts of interest that would prevent him from carrying out the responsibilities of the office without corrupt influence.
Thank you,
@jefffis
jefffis / forms.html
Last active March 1, 2016 17:39
New Tradesy Form Markup & Attrs
<script>
var FormValidation = require('formValidation');
tradesyApp.page.formValidation = new FormValidation({el : foo});
// foo being whatever the page JS is already defining for attaching event listeners to
</script>
<div class="row" id="form-view">
<div class="form-wrapper">
@jefffis
jefffis / gist:7232841
Last active December 26, 2015 23:49
Twitter, Facebook & LinkedIn share URLs
@jefffis
jefffis / gist:6720007
Last active December 24, 2015 00:58
Using @font-face in email and how to apply fallbacks for Outlook.
Use @font-face like normal:
@font-face {
// code here
}
There is an Outlook 2007 & up hack I've used at times that seems to fix this as well:
<!--[if gte mso 9]>
<style>
@jefffis
jefffis / gist:6297098
Created August 21, 2013 17:00
HTML with media queries for mobile devices
<!DOCTYPE html>
<html>
<head>
<title>180 Days: A language learning challenge | Rosetta Stone</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<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" />
<style type="text/css">
* { -webkit-text-size-adjust:none; }
@jefffis
jefffis / gist:5599133
Created May 17, 2013 13:49
restart apache command
sudo service httpd restart
@jefffis
jefffis / gist:5221491
Last active December 15, 2015 07:09
A thought on not using <select> elements for dropdown lists outside of forms. It's more meaningful to the browser, works without JS, and MUCH easier to style for us designy types.
<html>
<head>
<style>
/*
// CSS
these styles can be anything, but this was from a recent project.
basically, i'm setting the height of the <ul> and each <li> and only on :hover showing all of them. when clicking a list item, that is then showed as .selected when a user :hoversout of the <ul>
@jefffis
jefffis / .markdown
Last active September 9, 2015 18:26
Why mobile-first emails

Websites went mobile-first years ago, it's time emails do too

  • anywhere from 50% to 60% of emails opened on mobile devices
  • our lists are probably 50% or so mobile
  • our email revenue is MORE THAN 50% from mobile
  • all this and our emails are not mobile-first
    • by this, I mean that when viewed on a mobile device, users still need to pinch and zoom to see the details of of said email

So what can we do?

  • single column layouts work wonders -- with some HTML markup trickery we can adjust these to be two/three+ columns on tablets & desktop email clients
@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