Meta Refresh 2014

Workshop on Building responsive/MobileFirst websites and Applications with Foundation Zurb. - http://foundation.zurb.com

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.

Outline

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

Requirements

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 www.nextbigwhat.com 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. - www.aspricot.com

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