Instant Zurb Foundation 4

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

Overview

• 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

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.

What you will learn from this book

• 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

Approach

Get to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. A quick and easy guide that follows a practical approach to rapidly create responsive web pages using Foundation 4 framework, following the mobile-first philosophy.

Who this book is written 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.