Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive with Zurb Foundation

317 views

Published on

Basic introduction with new technology of CSS framework - Zurb Foundation - integrates for responsive websites.

Published in: Education
  • Login to see the comments

Responsive with Zurb Foundation

  1. 1. Zurb Foundation CSS Framework by Man Math Support Developer 097 847 0 847 man@web-essentials.asia @manmath4
  2. 2. What is CSS? • Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. August 24, 2013 Copy (c) right by Man Math 3
  3. 3. What is DCSS? • Dynamic CSS, or DCSS, is an umbrella term for a collection of technologies used together to create dynamic style sheets, by using a combination of any server- sided programming language and Cascading Style Sheets. August 24, 2013 Copy (c) right by Man Math 4
  4. 4. What is RWD? • Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience a wide range of devices (from mobile phones to desktop computer monitors). August 24, 2013 Copy (c) right by Man Math 5
  5. 5. August 24, 2013 Copy (c) right by Man Math 6
  6. 6. Foundation The most advanced responsive front-end framework in the world. by Zurb Company August 24, 2013 Copy (c) right by Man Math 7
  7. 7. Why we chose Foundation 4? • Designed for Mobile First! • Flexible 12-column grid • Mobile visibility elements • Mobile navigation – toggle or off-canvas • Powerful jQuery and Zepto libraries • Existing Word Press theme • Foundation is developed in Sass August 24, 2013 Copy (c) right by Man Math 8
  8. 8. References • http://foundation.zurb.com • http://zurb.com • https://github.com/zurb/foundation • http://en.wikipedia.org/wiki/Responsive_web_design • http://en.wikipedia.org/wiki/Cascading_Style_Sheets August 24, 2013 Copy (c) right by Man Math 9
  9. 9. Thanks You! August 24, 2013 Copy (c) right by Man Math 10

×