Our ZURBevents explore the intersection of product design and business. →
Come to ZURBsoapbox:
ZURBexpo is an exhibition of product design ideas to help you design great products faster. →
Our latest blog post:
Foundation is designed to quickly prototype, and one thing we've found very helpful is a series of visibility classes that can be applied to turn things on and off for different devices. On this page, you'll see slightly different interfaces on each class of device (desktop, tablet, and phone).
As an example, you'll only see this interface if you're on a desktop machine (something with a resolution higher than 768px wide, and not matching specific tablet resolutions). On a desktop we might make more use of columns for layout, as well as show more information for content.
Since downloads only work on desktops (well, or with Dropbox on mobile devices) we only show this for desktops.
As an example, you'll only see this interface if you're on a tablet device (something with a resolution matching specific tablet resolutions). On a tablet we might make more use of columns for layout but we would not show items like download links.
As an example, you'll only see this interface if you're on a phone (something with a resolution lower than desktops or tablets). On a phone our columns will all stack, and we would place navigation at the bottom of the page.