A fascinating journey from the very basics of Zurb Foundation to a complete responsive website
About This Video
Use grid layouts effectively to create a consistent experience on all mobile devices and desktops
Beautify your page and enable automatic content structuring using accordion and equalizer
Program your site to adapt to any screen size using interchange and specific lightweight content
Zurb Foundation is one of the most diffused best performing front-end design frameworks out there.
Dealing with browser compatibility, media queries, style consistency, and effective layouts could be a huge pain today, but Foundation comes to the rescue. With minimal effort, it allows you to create a production ready, responsive website or is a great starting point for a highly customized project.
Building a Responsive Site with Zurb Foundation will show you every major aspect of the framework, as well as general best practices and workflow tips, guiding you through the process of creating a live mock-up for a photography website. Every video will introduce some of Foundation's features and will use them to enhance the website in order to provide a practical experience with all the topics.
The course begins with an empty folder, where we'll install the Zurb Foundation framework and will start adding new pages and enhancements to cover all the key aspects of the framework itself.
We begin our journey by explaining why there is a need for a framework, how to set up a modern working environment, and how to scaffold a new project with Zurb Foundation. We'll then immediately introduce some responsive design key concept as well as the advantages of a mobile-first approach and how Foundation helps us with these scenarios.
As we advance through the course, we'll introduce all the major aspects of the framework, translating them in working code for our website. We are going to deal with navigation techniques as well as typography, content elements, and forms. As we come to an end, we'll emphasize how to deal with media elements in a responsive environment, trying out different approaches to effectively show image galleries both on desktop and mobile.
At the end of the course, you will have the skills to create responsive websites starting from scratch by making use of all the Foundation elements
Table of Contents
- Chapter 1 : Introducing Foundation
- Chapter 2 : Making Our Site Responsive
- Chapter 3 : Navigating the site
- Chpater 4 : Structuring the Content
- Chapter 5 : Adding Media Content
- Chapter 6 : Constructing Forms
- Chapter 7 : Buttons and UI Elements
- Chapter 8 : Conclusions
- Title: Building a Responsive Site with Zurb Foundation
- Release date: June 2015
- Publisher(s): Packt Publishing
- ISBN: 9781783285174