Welcome!

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:

 -webkit-tap-highlight-color:rgba(0,0,0,0);

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:

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

<< Zurück zur vorherigen Seite