Responsive Web Design is a set expectation for web sites today. Often you will gather bits and pieces of responsive templates from popular Bootstrap, Zhurb Foundation or the like and then integrate this with other popular JS libraries such as JQuery, Modernizr to get your basic page layout.
Quite often, you will end up mis-interpreting, or mistakenly copy-n-pasting a thing or two later through examples, or else over the web. Sometimes borrowing mistakenly implemented code snippets could also prove detrimental to your work on responsive page layouts.
Or you will use this ready made responsive skeleton template ready with Bootstrap, Font Awesome, JQuery, and Respond JS.
Check out the DEMO page.
Template has a simple goal in mind - Provide a simple standard, skeleton HTML page for you to begin with Responsive Web Design right away. It provides an easy way for you get jumpstarted on HTML5, CSS3 ready web sites.
Template pre-includes below libraries-
- Bootstrap 3.0.3 (Responsive CSS3, and JS versions)
- Respond JS 1.4.2 (Support for responsive CSS3 on older IE browsers)
- Font Awesome 3.2.1
- HTML5 Shim 3.6.2 (Necessary polyfills for HTML5 elements under older browsers)
- JSON 2.0 (Fallback to parse JSON on older browsers)
- jQuery 1.10.1 (Also jQuery 2.0.3 if you decide to)
- Console 0.1.0 (Polyfill to support console.log on older browsers)
- FlowType 1.0 (for fully responsive typography on all browsers)
Nothing fancy, nothing complicated. Great time-saver for those who want get their websites responsive without the need to craft a responsive page themselves.
Go ahead, and simply
- Download template.zip to get started.
- Update HTML code for TODO: tips
Enjoy happy Responsive Web Design.
Template owes a great deal to Bootstrap, JQuery, Modernizr, Respond JS, FlowType JS.
Template aims to provide a standardized skeleton without getting bloated or outdated. It is HTML5, CSS3 ready. The template.html references what is stable and reliably working in browsers today.
You are welcome to suggest, contribute to keep Template up to date for promoting a better web.