Foundation
Prototype To Production
@kbal11
@ZURB @ZURBFoundation
Hi there.
I’m from ZURB.
We’re a team of T-shaped
product designers who
help grow businesses.
We also make…
Foundation
for Sites
Foundation
for Email
Front-end platform for reaching

anyone on any device
Foundation by the Numbers
27,000 Daily Google Searches
880+ Contributors
24,200 Github Stars
Why a Framework?
Why a Framework?
We take care of tons of stuff for you.
Lower cost of ownership.
We take care of tons of stuff for you.
Battle tested.
Dozens of clients large and small.
Less QA and debugging.
We’ve fixed it all already.
Responsiveness
Mobile First Isn’t Just a Slogan
Standardization
Bring new team up to speed and reduce thrash.
Refined and refined and refined.
We’ve gone through 6 major version of Foundation for Sites alone.
Supported by an organization.
ZURB, duh.
Aren’t Frameworks Just
For Prototyping?
Prototype VS Production
Prototyping
• Low Fidelity
• Quick Iteration
• Optimize for Development Speed
Production
• High Fidelity
• Stable
• Highly Customized
• Optimize for End User Speed
Prototype
Production
Prototyping With
Foundation
Prototyping
• Low Fidelity
• Quick Iteration
• Optimize for Development Speed
Low Fidelity
Wireframe in Code
Quick Iteration
Consolidated Settings
The ZURB Stack
Optimize For
Development Speed
Built-In Responsive Grid
Interactivity Without Javascript
30+ Components
Out Of The Box
What About
Production?
Production
• High Fidelity
• Stable
• Highly Customized
• Optimize for End User Speed
High Fidelity
Semantic
Accessibility Baked In
Stable
Battle Tested
Highly Customized
Extensible
“Foundational”
Optimize For
End User Speed
Streamlined
Fast
More Important Than
Ever
The Rise Of Design
Design And Development
Design And Development
Common Language
Speed of Change
Best Practices Like…
Mobile First Development
Because we hear people use phones
SCSS
CSS With Superpowers
Accessibility
Every Device Doesn’t Just Mean Phones
ES2016
21 years old and ready to party
Unified Event Listeners
Everybody’s doing it
Foundation In Production
Build On A Solid
Foundation
Thank You!
@kbal11
@ZURB @ZURBFoundation

Foundation: Prototype to Production