Overview of Foundation Framework

What is Foundation Framework

  1. Advanced responsive front-end framework
  2. Mobile first design

Why Foundation Framework

  1. Faster UI/UX Development
  2. Smarter Code
  3. Responsiveness
  4. Consistency and Convenience
  5. More customizable than Bootstrap

Foundation vs. Bootstrap

  1. Neither is “Better”, it’s all preference
  2. Bootstrap is more popular (more support & resources)
  3. Bootstrap has an easier syntax in some areas
  4. Foundation has more for advanced programmers
  5. Bootstrap is quicker, Foundation is more customizable

Installing Foundation

Foundation CLI (Command-line Interface) : Install with NPM or Gem

Foundation Cheatsheet

You can find a copy of Foundation Cheatsheet at this link, and the source code is available here.

Thanks for reading!