Getting Started with Zurb Foundation 4

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.

Getting Started with Zurb Foundation 4

Starting
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.
$20.99
$34.99
RRP $20.99
RRP $34.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? 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.
Code Files
+ Collection
Free sample

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
Summary
Chapter 2: Pick and Choose CSS Components
Typography
Visibility
Starting with simple components
Navigation
Buttons
Block grids
Thumbnails
Panels
Flex video
Pricing tables
Progress bars
Summary
Chapter 3: Pick and Choose JavaScript Plugins
JavaScript installation
Alerts
Tooltips
Dropdown
Section
Top Bar
Magellan
Joyride
Orbit
Clearing
Reveal
Interchange
Forms
Abide
Summary
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
Summary

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.

Authors

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
Summary
Chapter 2: Pick and Choose CSS Components
Typography
Visibility
Starting with simple components
Navigation
Buttons
Block grids
Thumbnails
Panels
Flex video
Pricing tables
Progress bars
Summary
Chapter 3: Pick and Choose JavaScript Plugins
JavaScript installation
Alerts
Tooltips
Dropdown
Section
Top Bar
Magellan
Joyride
Orbit
Clearing
Reveal
Interchange
Forms
Abide
Summary
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
Summary

Book Details

ISBN 139781782165965
Paperback126 pages
Read More