Book Image

Learning Zurb Foundation

By : Kevin Horek
Book Image

Learning Zurb Foundation

By: Kevin Horek

Overview of this book

<p>Responsive web design is the next big thing in web design right now. It allows you to control and adapt to the user experience across a variety of devices, screens, and resolutions. Foundation is one of the most well-known responsive frameworks available, and allows you to speed up the prototyping, designing, and theming of your web project; as well as allowing you to create your own custom themes to suit your needs. It makes your life easier by giving you a grid, elements, and JavaScript functions that are responsive and easily customized to work with any web or mobile project that arises.</p> <p>This book starts off with teaching you the basics, and gradually moves on to cover the most advanced parts of this amazing framework. You will learn how to use Foundation to prototype, design, and theme your projects as well as discover how to use the framework with any programming language or content management system.</p>
Table of Contents (17 chapters)
Learning Zurb Foundation
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Reviewing the prototype


Now that was fast! We have a quick layout of a home page with a navigation bar, some introduction text, a photo, three featured callouts, and a simple footer. As you can see, this looks like stock Foundation, but you can see how fast it can be to get something that works on large, medium, and small screen sizes.

Here is a screenshot of what this will look like on a phone:

As you can see, our design is pretty responsive right now. There will be a few things that you will want to do, such as add some padding, change the colors, and maybe add some other design elements. However, you have a working responsive prototype right now. At this point, you can start getting your team's feedback on your design; they can give you feedback, you can incorporate their changes and add some polish such as some padding, and then, you can show your client the responsive prototype. When you present a responsive prototype, you need to make it clear that what you are showing them is a basic...