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

Let's review the JS files


You will also notice a js folder with an app.js file; this is where you can put all your custom JavaScript for the project. If you open this file, you will notice that it is just calling Foundation.

You will also notice that there is a node_modules folder and it has a bunch of additional folders. These are just Node modules that are needed for Sass and Grunt; you should not worry about having to touch anything in there.

You will also notice a few other files in the root of the project directory, which are as follows:

  • .bowerrc: This tells the project the directory to the Bower components.

  • .gitignore: If you are using Git, this is where you tell Git not to commit the files and folders that are listed in this file.

  • bower.json: This will specify dependencies. You will never change this file.

  • Gruntfile.js: This has been covered previously.

  • humans.txt: You can write project notes or anything else that is relevant to the project to let other people working on the project...