Features
- Defines a structure for your web app.
- Provides static HTML5 templates.
- Template includes sample CSS3 media queries.
- Pre-built headers and footers.
- Includes latest versions of Modernizr/JQuery.
- Handles IE Nightmares.
- Initializr allows customizing your boiler plate template.
ANT Build Tool
- Combines and minifies application scripts.
- Combines and minifies CSS styles.
- Optimizes image and other assets.
- Creates a deployable production package.
- Updates references with the minified/optimized versions.
Pros
- Saves time & improves productivity.
- Forces maintainable web-app structure.
- Includes most used javascript libraries.
- Build script for production ready packages.
yourapp
+-- css
| +-- main.css
| +-- normalize.css
+-- doc
+-- img
+-- js
| +-- main.js
| +-- plugins.js
| +-- vendor
| +-- jquery.min.js
| +-- modernizr.min.js
+-- .htaccess
+-- 404.html
+-- index.html
+-- humans.txt
+-- robots.txt
+-- crossdomain.xml
+-- favicon.ico
+-- [apple-touch-icons]
<!doctype html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div id="container">
<header>
</header>
<div id="main" role="main">
</div>
<footer>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
</body>
</html>
Addtional Links