elstruck
10/26/2015 - 11:45 PM

Basic HTML5 layout for mobile web app. This allows users to "save to home screen" and not have a browser frame, and uses full width web page

Basic HTML5 layout for mobile web app. This allows users to "save to home screen" and not have a browser frame, and uses full width web page.

basic_layout.html
content_copyfile_download
<!doctype html>
<!----
Title
ver: 0.2
edited: MAY 13 2015
Designed by Elliott Wittstruck
Maintained under the business elStruck Studio

---->
<html lang="en">
  <head>
    <title>Title Goes Here</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="mobile-web-app-capable" content="yes">
	<link href="style.css" rel="stylesheet">
</head>
<body>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</body>
</html>