Book Image

HTML5 Boilerplate Web Development

By : Divya Manian
Book Image

HTML5 Boilerplate Web Development

By: Divya Manian

Overview of this book

<p>HTML5 Boilerplate is the number one choice for many web developers to get their projects going. It provides a comprehensive set of starting templates to get your developments going, ensuring you don&rsquo;t forget any important elements of a typical web project while also ensuring you are writing quality code and mark up. Learning how to use this framework of page and code templates will allow you to kick-start your projects quickly without losing out on quality.<br /><br />"HTML5 Boilerplate Web Development" will enable you to build new projects effectively with minimal effort. HTML5 Boilerplate allows you to deploy quality websites successfully and quickly while also ensuring robust cross-browser performance. It takes you through the step-by-step process of creating a website and teaches you to take full advantage of the html layouts provided within HTML5 Boilerplate; be it styles, mark up, or code so you can accomplish your goals.<br /><br />This book will guide you through the process of building a music festival website, as an applicable example, using HTML5 Boilerplate. You will install, set up HTML5 Boilerplate and deploy production sites. <br /><br />First, we will look at how to install HTML5 Boilerplate so you can use it repeatedly to jumpstart your projects, then we will look at structuring your website using the base files. We will use Modernizr and feature detection to dynamically serve different styles and scripts based on support of certain features. We will discover how to best configure our server to provide high performance and security for our website. Finally, we employ the Build Tool to combine files, remove comments and make the site ready for production use.<br /><br />"HTML5 Boilerplate Web Development" offers a well-rounded tutorial in expert web development; not just a starting place for web projects. It develops code snippets, links to further resources for and in addition to makes you understand the nuances of HTML5 Boilerplate.</p>
Table of Contents (15 chapters)
HTML5 Boilerplate Web Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Asking for help


Now that we have seen what these files are and where to get them from, it's important that you are familiar with how to ask for help and, most importantly, where. Do remember that most of the maintainers of the HTML5 Boilerplate project work on it in their free time. The more you spend time being specific about what you want help with, the faster and better they will be able to help you. Here is how to ask for help:

  • Isolate the problem: What is the exact issue? Use dabblet.com, codepen.io, jsfiddle.net, or jsbin.com to create a test case that reproduces the issue with least markup, style, and script. Most of the time the act of doing so will, in itself, have you find what the issue is.

  • If you can reproduce this issue and isolate it to a problem arising because of a feature of HTML5 Boilerplate, go to github.com/h5bp/html5boilerplate.com/issues and use the Search field to check if it has already been reported. If not, create a new issue with a link to your test case.

  • If this issue is not a result of HTML5 Boilerplate, but an interaction that you can't quite place, go to stackoverflow.com/questions/tagged/html5boilerplate and create a question linking to the isolated test case. Make sure you tag the question as html5boilerplate or h5bp, so one of the maintainers can catch it and answer quickly.

  • If it is a small enough question to be asked on Twitter, tweet at https://twitter.com/h5bp with a link to the test case and the specific section you want help with.

    Note

    Lea Verou has written a great article on submitting browser bug reports at coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs/and it is equally useful for asking for help with any open source web development project.