anthonyshort

.floatLabel {
 transition: all 1s ease-in-out;
 position: relative;
}

.floatLabel.hide {
  opacity: 0;
  top: 3px;
}

anthonyshort

.control-basic .control__label,
.control-checkbox .control__label,
.control-radio .control__label,
.control-select .control__label,
.control-text .control__label,
.control-textarea .control__label,
.control-search.control--mobile .control__label,
.control-basic > label,
.control-checkbox > label,
.control-radio > label,

anthonyshort

slideshow.prototype.pauseOnHover = function(){
  this.el.addEventListener('mouseover', this.pause.bind(this));
  this.el.addEventListener('mouseout', this.play.bind(this));
}

slideshow.prototype.pause = function(){
  this.paused = true;
}

anthonyshort

reactive.get(function(prop, obj){
  var val = obj.get(prop);
  return val != null ? val : "";
});

anthonyshort

function maybe(fn) {
   return function(val){
     if(val == null) return "";
     return fn(val);
   };
}

var example = maybe(function(val){
  // do things here and val won't be null
});

anthonyshort

var View = require('view');
var template = require('./template.html');

var view = new View({
  template: template  
});

anthonyshort

var ga = require('analytics');
var accordions = document.querySelector('.js-accordion');
var each = [].forEach;

each.call(accordions, function(el){
  
});

anthonyshort

this.setEnabled(false);
el.addEventListener('click', this.setEnabled.bind(this, true));

anthonyshort

document.querySelectorAll('.js-togglable').forEach(function(el){
  var item = el.querySelector('.js-togglable__item');
  var toggler = el.querySelector('.js-togglable__toggler');

  var toggle = function(event){
    item.classList.toggle('js-togglable__item--hide');
  };

  toggler.addEventListener('click', toggle);
  toggler.addEventListener('keyup', toggle);

anthonyshort

window.tweetLoaded = (tweet) -> 
  document.querySelector('.tweet').innerHTML = tweet[0].text