pketh

html
  font-size: 62.5%

body
  font-size: 1.6rem // = 16px

pketh

function isValidEmail(input) {
  var trimmedInput = $.trim(input),
    hasSpaces = trimmedInput.indexOf(' ') !== -1, // true if no spaces
    matchesBasicEmailPattern = trimmedInput.match(/@.*[.]/);
  return matchesBasicEmailPattern && !hasSpaces;
}

pketh

# from http://makandracards.com/makandra/18605-you-don-t-need-each-collect-or-select-in-coffeescript

## each
for item in items
  ...

## collect / map
ages = (person.age for person in people)

## select / grep

pketh

/* ripped off from ea1.co */
/* (just add vendor prefixes) */
body {
      animation: background-animation-cool 5s linear infinite alternate;
}

section:nth-child(2n+1) {
    animation: background-animation-warm 5s linear infinite alternate;
}

pketh

function capitalizeFirstLetter(string) {
  var firstLetter = string.substring(0, 1);
  var newString = firstLetter.toUpperCase() + string.substring(1,string.length);
  return newString;
}

pketh

.border-box() {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.box-shadow(@style) {
	-webkit-box-shadow: @style;
	-moz-box-shadow: @style;
	box-shadow: @style;
}

pketh

# add me to .bash_profile or .bashrc

alias git-recent="git for-each-ref --count=5 --sort=-committerdate refs/heads/ --format='🌺 %(refname:short)'"

pketh

func getJSON(urlToRequest: String) -> NSData{
    return NSData(contentsOfURL: NSURL(string: urlToRequest))
}

func parseJSON(inputData: NSData) -> NSDictionary{
    var error: NSError?
    var boardsDictionary: NSDictionary = NSJSONSerialization.JSONObjectWithData(inputData, options: NSJSONReadingOptions.MutableContainers, error: &error) as NSDictionary
    
    return boardsDictionary
}

pketh

.transition(@time) {
  -webkit-transition: all @time;
  -moz-transition: all @time;
  -o-transition: all @time;
  transition: all @time;
}

.line-height(@px) {
  line-height: @px;
  @rem: unit(@px, rem);

pketh

function sequentialAnimation(first, second, triggerClass) {
	first.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function() {
		second.addClass(triggerClass);
	});
}


// sample usage
sequentialAnimation($('.first-element-with-animation'), $('.element-to-animate-after'), 'classname-which-triggers-animation-on-the-second-element');