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

Multiple device testing


You can simulate responsive design by resizing your browser window and see how your project resizes based on the browser window size. However, you should still test on the actual devices that your user base will be using. You can easily find out this information by looking at the site's current analytics and seeing what their users are coming to their site with. You can also use a tool available at http://caniuse.com/usage_table.php to see which browser versions are popular. If they come to the site with a device you do not have, you might want to think strongly about getting that device. Personally, I have found that even device simulators are not always accurate about what happens on the actual device. So, the following is a list of devices that your project should be tested on:

  • iPhone 4/4s – this is more for load times and site speed

  • iPhone 5

  • An Android device running Android 2.3

  • An Android device running Android 4.0 or higher

  • iPad

  • Nexus 7

You should either be able to...