Free Sample
+ Collection
Code Files

Getting Started with Zurb Foundation 4

Andrew D. Patterson

For today’s web designers, fluidity and responsiveness is everything. That’s why this introduction to Zurb Foundation is so valuable. It teaches you to use the mobile-first framework to create fantastic web pages, intuitively and expressively.
RRP $20.99
RRP $34.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781782165965
Paperback126 pages

About This Book

  • Get up to speed quickly with Foundation's responsive grid system
  • Integrate easy-to-configure CSS components into your website
  • Add powerful JavaScript plugins to your web pages

Who This Book Is For

This book will be of great benefit to web architects, designers, and builders. While it helps to be a programmer, it isn't necessary for this book. You should be familiar with the basic principles of responsive web design and have a desire to create a professional website that looks great on both mobile devices and regular displays.

Table of Contents

Chapter 1: Get the Most from the Grid System
Working with cells, rows, and columns
Nesting rows in columns
Understanding gutters
Maintaining row and page width
Understanding row and column height
Designing small to large
Tweaking the layout
Working with images
Chapter 2: Pick and Choose CSS Components
Starting with simple components
Block grids
Flex video
Pricing tables
Progress bars
Chapter 3: Pick and Choose JavaScript Plugins
JavaScript installation
Top Bar
Chapter 4: Advance with SASS
Understanding Foundation's SASS
Installing Foundation with SASS
Customizing Foundation with SASS
Choosing Foundation components
Customizing with variables
Understanding functions and mixins
Extending classes
Designing with SASS

What You Will Learn

  • Understand the grid system and how it applies to web design
  • Tweak your layout to get the best view on mobile and desktop displays
  • Incorporate Foundation's CSS components into your web pages
  • Configure and customize your CSS components
  • Place Foundation's JavaScript plugins where you want them
  • Organize your CSS using SASS, the style sheet language
  • Create your own custom installation of Foundation with SASS

In Detail

Every web designer needs a toolkit. From text editors to graphics programs, from table structures to fluid style sheets, the web designer has many tools and techniques to choose from. Zurb's Foundation framework is an excellent kit for today's web designer. It's fluid, it's easy to work with, it has plenty of components, and most importantly, you can apply your creativity to make your very own designs.

Zurb's Foundation 4 is a practical, easy-to-use toolkit for the layout and construction of web pages. Getting Started with Zurb Foundation 4 introduces Zurb Foundation’s powerful web design and development toolkit. Learn how to create professional layouts with ease, add powerful CSS and JavaScript components to your pages, and then customize and configure the design to your satisfaction. Understand how to efficiently manage your CSS and layout your pages with SASS, the style sheet language. This book will help you put Foundation 4 to work for you today!

This book documents Foundation's grid system, all its components and plugins, and its generation of custom style sheets. The book serves as an all-encompassing introduction as well as a future reference guide. The foundation of Foundation is its grid system...and there is a whole lot more.

Once you've covered the basics, you'll be ready to advance with SASS, the style sheet language, to customize your installation and layout your pages.

With this book, you will discover all the CSS components and JavaScript plugins that are included in Foundation at the present time and learn how to integrate each of them into your web pages.


Read More