Our Foundation project is due next Friday, October 21. Please use the ‘flex grid’ version of Foundation* – you have to go to the ‘downloads’ page, choose ‘custom,’ and then leave everything else checked and click ‘download.’
Content: Feel free to use the same restaurant content as before. If you’d rather lay out a different site for Foundation, just get it OK’ed by me in advance, and that’s fine.
Bells & Whistles: Please use *at least* two elements from Foundation’s Kitchen Sink (or elsewhere – look on CodePen) – that will enhance your page’s appearance. Options include: well, anything – but in class, we added a sticky / fixed header, and some nested rows/columns. You can also use accordions, flex video containers, drop-down menus, media objects (great for menus!), or whatever.
Professionalism: Foundation is a very advanced, production-ready framework – thus, I want your pages to look frikkin’ awesome. Make sure to review your work – check the page at every resolution, make sure all of your images are optimized for the web, add a darn title, for cryin’ out loud!
Grid: The primary difference between Foundation and Skeleton is that F allows you to change your layout at different resolutions (small, medium, large). You are required to change the column layout for at least *one* part of your page (that is, have different values for your ‘small,’ ‘medium’ and ‘large’ classes).
Mockups: I am not requiring that you hand in a mockup, but geez, you should mock up your site before coding it – especially for a framework as complicated as Foundation. Remember that the layout of your site will (potentially) be different at small, meduim and large screen sizes (and it has CSS for you to adjust content for ‘xlarge’ and ‘xxlarge’ screens as well).
*If you have already downloaded the non-flex version of Foundation, consider re-downloading, and then pulling all of the Foundation-specific files out and replacing the ones in your working folder. Be careful not to overwrite ‘app.css’ (where you write your custom CSS) or your ‘index.html’ (where 99% of your actual work will reside).