Menu icon Foundation
Pure or Hybrid?

Does foundation detect the device or does the web browser pull the correct files for display?

Responsive

Does foundation detect the device or does the web browser pull the correct files for display?

Rafi Benkual almost 6 years ago

Neither actually. A site designed with RWD (responsive web design) adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries. This means, Foundation allows you to design a site that works on all devices, not just specific screen widths.

As a designer or developer, this takes a new approach to making sites. It is a mobile first mentality meaning that we need to think about how the site will work on mobile and keep the functionality you will offer on larger screens, maybe with less fluff.

Foundation is a tool to accomplish this. http://foundation.zurb.com/learn/features.html

Here is some more information on that:
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
http://johnpolacek.github.io/scrolldeck.js/decks/responsive/