Free Sample
+ Collection

HTML5 Boilerplate Web Development

Divya Manian

Master Web Development with a robust set of templates to get your projects done quickly and effectively with this book and ebook.
RRP $14.99
RRP $24.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849518505
Paperback174 pages

About This Book

  • Master HTML5 Boilerplate as starting templates for future projects
  • Learn how to optimize your workflow with HTML5 Boilerplate templates and set up servers optimized for performance
  • Learn to feature-detect and serve appropriate styles and scripts across browser types

Who This Book Is For

This book is for all developers who are familiar with creating web projects using HTML, CSS, and JavaScript, however, no deep knowledge is necessary. Some knowledge of what a web server is and how it can be configured is good to have. You should also not be afraid to use the command line (fear not! There are links within that should make you less afraid). There is no expectation that you know HTML5 Boilerplate.

Table of Contents

Chapter 1: Before We Begin
Features of HTML5 Boilerplate
Tools to start with
Where to get files
An overview of H5BP files
Asking for help
Chapter 2: Starting Your Project
Creating your initial project folder
Creating our project
Chapter 3: Creating Your Site
Working on the markup
Creating the styles
Chapter 4: Adding Interactivity and Completing Your Site
Using jQuery
Using other libraries
Adding smooth-scroll plugin and interaction
Adding HTML5 features safely with Modernizr
Testing our site
Chapter 5: Customizing the Apache Server
Server-side configurations
Setting up the Apache server
Features available out of the box
Additional customizations
Using other server configuration files
Chapter 6: Making Your Site Better
Finding the best experience for Internet Explorer
Writing CSS3 easier with tools
Print considerations
Finding and using polyfills
Making your site faster
Making your site more visible on search engines
Handling users without JavaScript
Optimizing your images
Augmenting Google Analytics
Chapter 7: Automate Deployment With the Build Script
The build script
Using the Ant build script
Using the Node build script
Next steps

What You Will Learn

  • Master the internals of HTML5 Boilerplate
  • Write code using feature detection that will work in all browsers while providing alternate experiences where necessary
  • Use a build tool to minimize the cost of deploying your project to production
  • Maintain good page performance of web pages in your project by choosing the best server defaults
  • Write end-to-end web projects that are robust and work across browsers by default
  • Learn how to use HTML5 Boilerplate with CMSs and other language frameworks; such as Wordpress, Django, and more.
  • Find ways to debug easily and methods of asking for help so you receive quick responses

In Detail

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’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.

"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.

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.

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.

"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.


Read More

Recommended for You