Jump Start Foundation

Chapter 3Laying Out a Prototype

In the previous chapter, we covered the basics of web design with the Zurb Foundation framework. These included structuring with grid layouts, nesting rows, and responsive design using mobile-first practices and media queries.

Here in Chapter 3, we’ll see how to create a simple prototype in Foundation. At the end of this chapter you’ll understand why prototyping is useful and know how to prototype effectively with Foundation. You’ll also have learned the best practices of web development for multiple screen sizes. Ready?

The Importance of a Good Prototype

Prototyping, the process of creating a sample or model to test concepts, is a technique used to speed up the development process. Prototyping is far from unique ...