The (Fullscreen) Web App Markup with Status Bar Offset [iOS]

This article is unfinished work-in-progress and will probably change in the near future. If you find topic interesting, you can suggest changes by leaving a comment bellow.

In part 1, we’ve tackled down some of the culprits of positioning fixed header and footer elements. This is part 2 of series how to build a web-app ready boilerplate for a website where we’ll prepare a container for the website’s header, footer and content, which is pretty common.

Since this setup culd be pretty common, I am setting a GitHub Repository to maintain most of the code. The repository will be also compatible with the Publisher view.

Post about WIP