Man Math, profile picture
Uploaded byMan Math
PPTX, PDF420 views

Responsive with Zurb Foundation

This document outlines key concepts related to CSS, including its definition as a language for styling documents, and introduces dynamic CSS (DCSS) and responsive web design (RWD). It highlights the advantages of the Zurb Foundation framework, particularly its mobile-first design and flexible grid system. The document also provides references for further information about these technologies.

Embed presentation

Downloaded 12 times
Zurb Foundation CSS Framework by Man Math Support Developer 097 847 0 847 man@web-essentials.asia @manmath4
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
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
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
August 24, 2013 Copy (c) right by Man Math 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
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
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
Thanks You! August 24, 2013 Copy (c) right by Man Math 10

More Related Content

PPTX
Foundation 4 Framework CSS
byLuis Fernando Mangia
 
KEY
CSS Framework + Progressive Enhacements
byMario Hernandez
 
PDF
Responsive web design
byNetcetera
 
ODP
Palestra Sobre o que é um Front-End
byLuis Fernando Mangia
 
PDF
Introduction to the PrintCSS Playground and PrintCSS Cloud
byAndreas Zettl
 
PPTX
Team Foundation Server
byMaira Iantas
 
PDF
Foundation: Prototype to Production
byZURB
 
PPT
Overview certificação ITIL foundation
byFernando Palma
 
Foundation 4 Framework CSS
byLuis Fernando Mangia
 
CSS Framework + Progressive Enhacements
byMario Hernandez
 
Responsive web design
byNetcetera
 
Palestra Sobre o que é um Front-End
byLuis Fernando Mangia
 
Introduction to the PrintCSS Playground and PrintCSS Cloud
byAndreas Zettl
 
Team Foundation Server
byMaira Iantas
 
Foundation: Prototype to Production
byZURB
 
Overview certificação ITIL foundation
byFernando Palma
 

Similar to Responsive with Zurb Foundation

PDF
Evolution of CSS
byEcaterina Moraru (Valica)
 
PPTX
Front end frameworks
byMadushan Sandaruwan
 
PDF
CSS framework By Palash
byPalashBajpai
 
PPTX
Foundation Front-End Framework Overview
byvaluebound
 
PDF
Treeshaking your CSS
byJames Stone
 
KEY
Getting started with CSS frameworks using Zurb foundation
byMelanie Archer
 
PPTX
Mastering CSS for Backend Developers.pptx
byewout2
 
PPTX
Digibury: Getting your web presence mobile ready - David Walker
byLizzie Hodgson
 
PPT
Working with SASS/Compass and Zurb Foundation
byClint Robinson
 
PDF
Responsive Web Design using ZURB Foundation
bySolTech, Inc.
 
PPTX
Construct Template Development Framework
bybetweenbrain
 
PDF
Build a Responsive WordPress Theme with Zurbs Foundation Framework
byBrendan Sera-Shriar
 
PDF
Fun with css frameworks
byMario Noble
 
PDF
Responsive Web Design using the Foundation 5 CSS Framework
byChris Morrow
 
PPTX
Using Foundation with Drupal
byExove
 
PDF
IV - CSS architecture
byWebF
 
PPTX
Salsita Tech Talk - Scalable CSS Architecture
byNgoc Tu Nguyen
 
PDF
Roll Your Own CSS Framework
byMike Aparicio
 
PDF
The Foundations of Being Sassy in Drupal
byEllie Roepken
 
PDF
Foundation: Prototype to Production
byZURB
 
Evolution of CSS
byEcaterina Moraru (Valica)
 
Front end frameworks
byMadushan Sandaruwan
 
CSS framework By Palash
byPalashBajpai
 
Foundation Front-End Framework Overview
byvaluebound
 
Treeshaking your CSS
byJames Stone
 
Getting started with CSS frameworks using Zurb foundation
byMelanie Archer
 
Mastering CSS for Backend Developers.pptx
byewout2
 
Digibury: Getting your web presence mobile ready - David Walker
byLizzie Hodgson
 
Working with SASS/Compass and Zurb Foundation
byClint Robinson
 
Responsive Web Design using ZURB Foundation
bySolTech, Inc.
 
Construct Template Development Framework
bybetweenbrain
 
Build a Responsive WordPress Theme with Zurbs Foundation Framework
byBrendan Sera-Shriar
 
Fun with css frameworks
byMario Noble
 
Responsive Web Design using the Foundation 5 CSS Framework
byChris Morrow
 
Using Foundation with Drupal
byExove
 
IV - CSS architecture
byWebF
 
Salsita Tech Talk - Scalable CSS Architecture
byNgoc Tu Nguyen
 
Roll Your Own CSS Framework
byMike Aparicio
 
The Foundations of Being Sassy in Drupal
byEllie Roepken
 
Foundation: Prototype to Production
byZURB
 

More from Man Math

PDF
CSS3 Media Queries
byMan Math
 
PDF
LESS CSS
byMan Math
 
PPTX
Benefit of doing Internship
byMan Math
 
PDF
Web Responsive Design
byMan Math
 
PDF
Introduction TYPO3 Version 6.1.5
byMan Math
 
PDF
Angkor charity trip partnership proposal
byMan Math
 
CSS3 Media Queries
byMan Math
 
LESS CSS
byMan Math
 
Benefit of doing Internship
byMan Math
 
Web Responsive Design
byMan Math
 
Introduction TYPO3 Version 6.1.5
byMan Math
 
Angkor charity trip partnership proposal
byMan Math
 

Recently uploaded

PDF
Photoperiod Classification of Vegetable Plants.pdf
bybisensharad
 
PDF
Phytogeography- species distribution, vegetation in India
byANAKHA JACOB
 
PDF
Plant propagation_Macro & Micro_Horticulture.pdf
bybisensharad
 
PPTX
DEVELOPMENTL BIOLOGY hormonal control of metamorphosis.
byKajal Kashyap
 
PPTX
COMPUTER SECURITY MODELS - Frameworks that help organizations design secure s...
byAbhishek Sonker
 
PDF
Conducting Systematic Literature Search.pdf
bySystematic Reviews Network (SRN)
 
PPTX
G-Protein-Coupled Receptors (GPCRs): Structure, Mechanism, and Functions
byAnoja Kurian
 
PDF
Optomery MCQ pdf/exam/pyq/joinquiz/..pdf
byAnmol Singh
 
PPTX
14 November 2025 The Impact of Digital Technologies on Students Learning
byEduSkills OECD
 
PDF
Major Agro Climatic Zones of India_fundamental of horticulture.pdf
bybisensharad
 
PDF
Graphics Graphics Graphics Graphics Graphics
byaidanattema
 
PDF
Sample Research Instruments for Initial Survey.pdf
byThelma Villaflores
 
PDF
Unit 1- Basics of Management Cha. of Magmt
byNileshKumbhar21
 
PDF
EVOLUTION - Theories, Pre-Darwinism, Darwinism
byANAKHA JACOB
 
PDF
SHS_Core_CAE_Q3_LE1 FOR THIRD [FINAL].pdf
bydulaymd1904
 
PDF
Education Research in Ireland: Listening to all voices_Selina McCoy.pdf
byEconomic and Social Research Institute
 
PPTX
TEACHING OF POETRY.pptx. The PPT helps and provides guidance on Lesson Planni...
byDr. Meeta Agrawal
 
PPTX
Types_of_Volcanoes_Presentation.pptx Science 8 Matatag
byNekoChan623496
 
PPTX
Q3 WEEK 1 _ LAYERS OF THE EARTH SCIENCE 8
byRoyoMel
 
PPTX
COPD (Chronic obstructive pulmonary disease) by ebadi.pptx
byEbadullah Khan
 
Photoperiod Classification of Vegetable Plants.pdf
bybisensharad
 
Phytogeography- species distribution, vegetation in India
byANAKHA JACOB
 
Plant propagation_Macro & Micro_Horticulture.pdf
bybisensharad
 
DEVELOPMENTL BIOLOGY hormonal control of metamorphosis.
byKajal Kashyap
 
COMPUTER SECURITY MODELS - Frameworks that help organizations design secure s...
byAbhishek Sonker
 
Conducting Systematic Literature Search.pdf
bySystematic Reviews Network (SRN)
 
G-Protein-Coupled Receptors (GPCRs): Structure, Mechanism, and Functions
byAnoja Kurian
 
Optomery MCQ pdf/exam/pyq/joinquiz/..pdf
byAnmol Singh
 
14 November 2025 The Impact of Digital Technologies on Students Learning
byEduSkills OECD
 
Major Agro Climatic Zones of India_fundamental of horticulture.pdf
bybisensharad
 
Graphics Graphics Graphics Graphics Graphics
byaidanattema
 
Sample Research Instruments for Initial Survey.pdf
byThelma Villaflores
 
Unit 1- Basics of Management Cha. of Magmt
byNileshKumbhar21
 
EVOLUTION - Theories, Pre-Darwinism, Darwinism
byANAKHA JACOB
 
SHS_Core_CAE_Q3_LE1 FOR THIRD [FINAL].pdf
bydulaymd1904
 
Education Research in Ireland: Listening to all voices_Selina McCoy.pdf
byEconomic and Social Research Institute
 
TEACHING OF POETRY.pptx. The PPT helps and provides guidance on Lesson Planni...
byDr. Meeta Agrawal
 
Types_of_Volcanoes_Presentation.pptx Science 8 Matatag
byNekoChan623496
 
Q3 WEEK 1 _ LAYERS OF THE EARTH SCIENCE 8
byRoyoMel
 
COPD (Chronic obstructive pulmonary disease) by ebadi.pptx
byEbadullah Khan
 

Responsive with Zurb Foundation

  • 2.
    Zurb Foundation CSS Framework by ManMath 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, 2013Copy (c) right by Man Math 6
  • 7.
    Foundation The most advancedresponsive front-end framework in the world. by Zurb Company August 24, 2013 Copy (c) right by Man Math 7
  • 8.
    Why we choseFoundation 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