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.

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 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.