First off, thanks for purchasing this book. I am grateful that I have the opportunity to write a book on a framework that I have loved and used for the last four years! This book starts off with teaching you the basics of Zurb Foundation, 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 a website using any programming language or content management system.
Chapter 1, Time to Prototype, covers how to wireframe and prototype with Foundation. Foundation is really fast and you can get a clickable prototype to show your clients on multiple devices and platforms.
Chapter 2, The Foundation Grid, gives an overview of the grid sizes and covers how to use them to lay out your projects.
Chapter 3, Navigation, covers how to use the different types of navigation.
Chapter 4, Elements, describes how to add and theme elements in our site; this is where you will learn a lot of things that can be reused in all your Foundation projects in the future. We will talk about how to override and add attributes to make our own customized responsive theme.
Chapter 5, JavaScript, covers how to use and theme the JavaScript libraries.
Chapter 6, Testing, explains how to perform cross-browser and device testing when doing responsive design and development.
Chapter 7, Sass and Foundation, gives a quick Sass overview on how to install the Foundation Sass version and use it in your projects.
Chapter 8, Mixins, covers what mixins are and how to use them with Foundation
Chapter 9, Designing Responsive Ideas, explains responsive design ideas and gives you some ideas of what to think about when you are designing.
Chapter 10, Foundation with Other Tools, covers how to use Foundation with content management systems and other custom programming languages.
I am going to assume a few things about what you should know before starting this book:
You should at least have basic knowledge of HTML, CSS, and should have used JavaScript. I do not expect you to know how to code JavaScript, just that you are comfortable implementing it in a project.
You should use Chrome.
You should be able to use a Mac, Windows, Linux, or Chrome OS for this book.
You will need an editor; I like Sublime Text myself. You can download a free trial from http://www.sublimetext.com/. I am also a fan of PHPStorm; you can also get a free trial from http://www.jetbrains.com. If you have another editor you like, go ahead and use it. If you want to use a really good free online editor that will work in your browser including Chrome OS, you can use https://codio.com/.
This book is for anyone who wants to learn responsive web design using the most advanced responsive framework, Zurb Foundation. You can be a designer, developer, or a combination of both.
In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.
Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "The foundation.min.js file is a minified version of all the files in the Foundation folder."
A block of code is set as follows:
<div class="row"> <div class="small-12 medium-6 large-4 columns">Column One</div> <div class="small-12 medium-6 large-4 columns">Column Two</div> <div class="small-12 medium-6 large-4 columns">Column Three</div> </div>
New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "Then, refresh your browser and you should see just the Learning Zurb Foundation title."
Feedback from our readers is always welcome. Let us know what you think about this book—what you liked or may have disliked. Reader feedback is important for us to develop titles that you really get the most out of.
To send us general feedback, simply send an e-mail to <[email protected]>, and mention the book title through the subject of your message.
If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide on www.packtpub.com/authors.
Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.
You can download the example code files for all Packt books you have purchased from your account at http://www.packtpub.com. If you purchased this book elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.
Although we have taken every care to ensure the accuracy of our content, mistakes do happen. If you find a mistake in one of our books—maybe a mistake in the text or the code—we would be grateful if you would report this to us. By doing so, you can save other readers from frustration and help us improve subsequent versions of this book. If you find any errata, please report them by visiting http://www.packtpub.com/support, selecting your book, clicking on the errata submission form link, and entering the details of your errata. Once your errata are verified, your submission will be accepted and the errata will be uploaded to our website, or added to any list of existing errata, under the Errata section of that title.
Piracy of copyright material on the Internet is an ongoing problem across all media. At Packt, we take the protection of our copyright and licenses very seriously. If you come across any illegal copies of our works, in any form, on the Internet, please provide us with the location address or website name immediately so that we can pursue a remedy.
Please contact us at <[email protected]> with a link to the suspected pirated material.
We appreciate your help in protecting our authors, and our ability to bring you valuable content.
You can contact us at <[email protected]> if you are having a problem with any aspect of the book, and we will do our best to address it.