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

2. Zurb Foundation
CSS Framework
by
Man Math
Support Developer
097 847 0 847
man@web-essentials.asia
@manmath4

3. 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

4. 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

5. 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

6. August 24, 2013 Copy (c) right by Man Math 6

7. Foundation
The most advanced responsive front-end framework in the world.
by
Zurb Company
August 24, 2013 Copy (c) right by Man Math 7

8. 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

9. 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

10. Thanks You!
August 24, 2013 Copy (c) right by Man Math 10