In this post, I will explain about how to install Foundation Frontend Framework. A Framework for any device, medium and accessibility. Foundation is responsive front-end framework. Using this framework we can design responsive websites and apps. Foundation is semantic, readable, flexible and customizable.
With below commands we can install it and run the application.
Commands Based on Ubuntu:
1) To install Ruby
2) To install gem
3) To install node.js
4) To install Git
5) To access admin/root
6) To install Foundation framework core files
exit from root access
Few questions for application and select the answers by arrows
? What are you building today? A website (Foundation for Sites)
? What’s the project called? (no spaces) Sample
? Which template would you like to use? Basic Template: includes a Sass compiler
Downloading the project template…
You’re all set!
✓ New project folder created.
✓ Node modules installed.
✓ Bower components installed.
Now run foundation watch while inside the Sample folder.
7) To go to application folder
[18:31:51] Using gulpfile ~/Sample/gulpfile.js
[18:31:51] Starting ‘sass’…
[18:31:52] Finished ‘sass’ after 1.05 s
[18:31:52] Starting ‘default’…
[18:31:52] Finished ‘default’ after 21 ms
8) To install browsersync
[BS] Access URLs:
UI External: http://[IP]:3001
[BS] Serving files from: ./
[BS] Watching files…
Few sites for reference:
To install Browsersync
To install Ruby:
To install node.js
To install Foundation framework