HTML5 Apps

Here, I collect some CSS Tricks for HTML5 Applications.

A default meta tag for an App-like feeling:

<meta content="width=device-width, initial-scale=1, user-scalable=no,
    maximum-scale=1" name="viewport" />

Prevent ugly blueish boxes when tapping on a link / div / etc:


Prevent a menu that appears e.g. when long tapping on an image:

 --webkit-touch-callout: none;

Prevent a text to be selected by a user:

 -webkit-user-select: none;

Create a iOS-like scrolling experience:

  position: absolute;
  top: 70px;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;

<< Zurück zur vorherigen Seite