Don't miss an insight. Subscribe to Techopedia for free.


Foundation Framework

What Does Foundation Framework Mean?

The Foundation framework is a front-end framework that integrates the classic Web design languages HTML and Cascading Style Sheets (CSS) with other tools and controls to provide a responsive environment for design. This open-source technology is maintained by ZURB since its development several years ago; several subsequent versions were released in 2011, 2012, 2013 and 2014 and another one planned for 2015.


Techopedia Explains Foundation Framework

Essentially, Foundation is built on two languages called Sass (Syntactically Awesome Style Sheets) and SCSS (Sassy CSS). These languages are based on CSS, but offer different types of accessibility. The idea is that developers can use Foundation and other Sass/SCSS tools to do things more quickly or efficiently than if they were only using CSS as a Web design language.

Foundation also includes rapid prototyping features, tools for responsive design for mobile projects, and a modular structure, as well as “mixins,” which is not offered by CSS. In general, Foundation offers an alternative way to construct Web projects in a complex design environment where developers have to address the needs of mobile device users and conventional computer users.


Related Terms