Instant Zurb Foundation 4 [Instant]

This title is available as an eBook only
Instant Zurb Foundation 4 [Instant]
eBook: $12.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print & eBook also available on:
Learn in an Instant - Short, Fast, Focused
Table of Contents
Sample Chapters
  • 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

Book Details

Language : English
eBook : 56 pages
Release Date : September 2013
ISBN : 1782164022
ISBN 13 : 9781782164029
Author(s) : Jorge Arévalo, Carlos Azaustre
Topics and Technologies : All Books, Instant, Web Development, Open Source

Table of Contents

Instant Foundation 4
  • Instant Foundation 4
    • So, what is Foundation 4?
    • Installation
      • Step 1 – what do I need?
      • Step 2 – downloading Foundation
      • Step 3 – setting up a minimum template
      • And that's it
    • Quick start – using Foundation 4 components for your first site
      • Step 1 – using the Grid
      • Step 2 – the navigation bar
      • Step 3 - the buttons
    • Top 6 features you need to know about
      • Online store: navigation bar and sections
      • The home page (shop_index.html)
      • The contact page (contact.html)
      • The store (shop.html)
      • The blog (blog.html)
      • The admin page (admin.html)
      • Summary
    • People and places you should get to know
      • Official websites
      • Articles and tutorials
      • Community
      • Blogs
      • Twitter

Jorge Arévalo

Jorge Arévalo is a Computer Engineer from the Universidad Autónoma de Madrid, UAM. He started developing web applications using JS, PHP, and Python. In 2010, he began collaborating with the PostGIS and GDAL projects, after participating in GSoC 2009, creating the PostGIS Raster GDAL driver. He currently works as a freelance web/GIS developer, and collaborates with the group in projects, such as gvSIG CE and QGIS. He also writes about Geographical Information Systems and open source at

"I worked with Jorge for a while. He acted as Scrum Master of our development team, where I was working as a designer. He is a great professional, with proven ability as developer and team manager. A good person and excellent colleague."
                                                                                                                                                                           Carlos Azaustre, web developer.

"Jorge is a great project engineer, an excellent workmate. His commitment and devotion makes him a very valuable person."
                                                                                                                                                   Victor Serrano, GMS System Integration Engineer

"A very organized, responsible, and hard working colleague. Jorge is very autonomous independent and has a strong technical background. He is the kind of person you can trust in."
                                                                                                                                          Diego Abia, Payload Data Ground Segment AIV Engineer

Other books that he is working on, are as follows:

  • PostGIS 2.0 Cookbook (PacktPub Ltd.), as a reviewer
  • OpenLayers Beginner's Guide (PacktPub Ltd.), as a reviewer


Carlos Azaustre

Carlos Azaustre is a freelance frontend developer with several years' experience in web development, graphic design, and entrepreneurial projects. He has a BS in Telematics Engineering issued by UC3M in Spain and an MS in Web Technologies issued by UCLM in Spain. He has a technical blog,, where he writes in Spanish about web technologies. You can follow him on Twitter at @carlosazaustre. "We've hired Carlos a couple of times for implementing user interfaces for small web applications. He was responsible for creating HTML and CSS from the graphical specifications we provided. He presented good skills in HTML5 and CSS3. Carlos was very responsive and altogether a nice guy to work with. We can warmly recommend him for any web application frontend development work." Jukka Aitokkaillo, CTO, StellarQ "Carlos is an excellent graphic designer with brilliant web development skills, he is always willing to learn new stuff to improve his work, and never turns down a challenge. He is also one of the most creative persons I've ever known, and having him as a teammate was a real pleasure." Luis Sánchez, Co-Founder and Product Manager, Spartanbits
Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

Sorry, there are currently no downloads available for this title.

Frequently bought together

Instant Zurb Foundation 4 [Instant] +    Moodle 1.9 for Design and Technology =
50% Off
the second eBook
Price for both: €21.15

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

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

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.


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.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software