Meta Refresh 2014

On the construction of user interface on the web

Ishan Vyas


Foundation 5 - WorkShop

Submitted Dec 21, 2013

Workshop on Building responsive/MobileFirst websites and Applications with Foundation Zurb. -

Hands on experience with rapid prototyping as well as giving a brief about why Foundation is the best responsive framework and a detail look at the code.

Foundation is used by some of the large industry players such as WSJ, National Geographic, Mozilla.


Why Foundation ?

  • General Description
  • Faster to Learn
  • Semantic
  • Mobile First
  • Customizable
  • Built on Sass
  • Why Not Twitter Bootstrap?
  • Support

Hands On:

  • Brief About Framework
    • Setup
    • Structure (Media Queries, Visibility, Grid, Block Grid, Thumbnails, Utility Classes, Right-to-Left Support)
    • Navigation
    • Media
    • Typography
    • Forms & Buttons
    • Callouts & Prompts
    • Other Content
  • Rapid prototyping Session
    • Building a live website (includes a complete customization)
    • Integrating Javascript features
  • Hacks
  • Q&A


A laptop with any web editor is all it requires.

Prior knowledge of basic html and css is must.

Speaker bio

I have been developing websites/applications from past 7 years, have worked on as large project as blogs for “GSM World”.

I have been using Foundation since its version 2, have designed more than 100 website on it. The largest one being the website was launched successfully but they sooner realized that they dont need a responsive website so its not live anymore.

I also run a small company of developers and designers who share the same passion for web and Mobile. -

We have started using Foundation as our default responsive framework at Aspricot, until client specifies that he needs twitter bootstrap.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}