More Information
  • 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

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.

  • 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
Page Count 56
Course Length 1 hours 40 minutes
ISBN 9781782164036
Date Of Publication 24 Sep 2013


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