foundation: prototype to production
TRANSCRIPT
FoundationPrototype To Production
@kbal11 @ZURB @ZURBFoundation
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