Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)



View Source | Submit Feedback

Multi-Device Tools

Build Your Site

Build your multi-device site from the ground up. Learn what a build process is, the tasks to automate, and how to build a site with the Web Starter Kit. Learn how to debug with Chrome Developer Tools.

Web developers have to think about a million things at once and the build step is one of the most critical, yet most cumbersome to get started with. You have to work out all the tasks that you need to automate such as: Image compression, CSS minification, JavaScript concatenation, Responsive testing, Unit testing, the list goes on…

Follow these guides and learn the best way to structure your workflow so that the sites that you create already follow all the best practices from the minute you start.

You can also use Web Starter Kit to begin your projects with an amazing default workflow and great looking templates right out of the box.

Guides

  1. What Is a Build Process
  2. Build Site with Web Starter Kit
  3. Debug with Chrome DevTools

Next Sections

  1. Set Up Environment
  2. Build Your Site
  3. Types of Testing

Authors

Meggin Kearny

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License , and code samples are licensed under the Apache 2.0 License . For details, see our Site Policies .