Some useful CSS snippets to create iOS web apps

ios.css

/* Some JS tips: http://www.html5rocks.com/en/mobile/fullscreen/ */

/* Inertia scrolling
   More info: http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements */
.whatever {
  -webkit-overflow-scrolling: touch;
}

/* Remove flick effect when using delegated events
   More info: http://stackoverflow.com/questions/17173723/how-to-solve-flicker-on-ipad-when-event-delegation-is-used */
* {
  -webkit-tap-highlight-color: transparent;
}

/* Disabled text selection in buttons */
button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}