Free Sample
+ Collection

Instant Zurb Foundation 4

Jorge Arévalo, Carlos Azaustre

Get up and running in an instant with Zurb Foundation 4 Framework
RRP $12.99

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 139781782164029
Paperback56 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results
  • Construct responsive and mobile-ready web pages without worrying about browser-related issues. Just code once and it will be compatible with all browsers and display sizes
  • Learn to use Foundation 4 features with actual code examples and ample screenshots
  • Create amazing effects using CSS classes and HTML5 features
  • First learn to design for mobiles and then for desktops, without additional effort

Who This Book Is For

If you are a web developer who wants to get the most out of your HTML5/CSS/JavaScript skills, this book is ideal for you. It is assumed that you will have some experience with these languages, but for those who don’t, you can also be up and running in an instant.

Table of Contents

Chapter 1: Instant Zurb Foundation 4
So, what is Foundation 4?
Quick start – using Foundation 4 components for your first site
Top 6 features you need to know about
People and places you should get to know

What You Will Learn

  • Handle the flexible grid structure of Foundation 4
  • Create navigation bars, including dropdown menus, with few a lines of HTML and CSS code
  • Construct a slide of images without coding any JavaScript function
  • Divide your page into tab sections using only CSS classes
  • Show and hide elements on mobile, as well as desktop views
  • Make modals without using any JavaScript code and easily create hover or tap tooltips
  • Write just once for all browsers and display sizes

In Detail

Creating web pages that are displayed correctly on mobile devices seems to be the way forward in the web development world. Web traffic originating from mobile devices is greater than from desktops. In order to reach a wider range of users, companies must prioritize the development of web pages that are mobile browser- friendly.

A practical hands-on guide with plenty of examples to show the power and simplicity of the framework’s features. It is easy to create different grid arrangements for your site, as well as produce menu bars with little effort. You will learn to show and hide elements on mobile or desktop views. Write once and the code will be compatible for all browsers and display sizes.

The book walks you step-by-step from downloading and installing Foundation 4 to building a responsive website in a few hours. You can build websites based on flexible grid structure, include some basic elements (images, panels, buttons, text, bars, alerts, and so on) in it and assign complex behaviors to them. Goodies such as progress bars, navigation menus, image sliders, tooltips, dropdown menus, and many others can be created with a few lines of HTML and CSS. This helpful guide will enable you to build responsive websites that display properly on all desktop or mobile browsers.


Read More