ackernaut

html[data-useragent*='iPhone'] h1 {
  color:blue;
}
html[data-platform='iPad'] h1 {
  color:red;
}
/* See https://gist.github.com/2140799 for JS */

/* Thanks, Rogie! http://rog.ie/post/9089341529/html5boilerplatejs */

ackernaut

var htmlAttr = document.documentElement;
htmlAttr.setAttribute('data-useragent', navigator.userAgent);
htmlAttr.setAttribute('data-platform', navigator.platform);

// See https://gist.github.com/2140827 for CSS

// Thanks, Rogie! http://rog.ie/post/9089341529/html5boilerplatejs

ackernaut

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* See Zeldman: http://bit.ly/Aazp14 */

ackernaut

@media screen and (max-width:480px) and (orientation:landscape) {
  /* Do stuff for iPhone in landscape */
}

ackernaut

var htmlAttr = document.documentElement;

// Check if app mode is enabled, but not being used
if (("standalone" in window.navigator) && !window.navigator.standalone) {
    $(htmlAttr).addClass('ios-app-mode-disabled');
}

// Thanks, Ben! http://bit.ly/95VUOP