Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/smerth/foundation-6-sandbox
A sandbox for testing out foundation components and integrating third party libraries
https://github.com/smerth/foundation-6-sandbox
foundation zurb-template
Last synced: about 2 months ago
JSON representation
A sandbox for testing out foundation components and integrating third party libraries
- Host: GitHub
- URL: https://github.com/smerth/foundation-6-sandbox
- Owner: smerth
- Created: 2016-08-21T21:30:38.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T15:39:34.000Z (about 2 years ago)
- Last Synced: 2024-04-15T00:13:17.038Z (9 months ago)
- Topics: foundation, zurb-template
- Language: HTML
- Homepage: https://smerth.github.io/foundation-6-sandbox/
- Size: 7.95 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Foundation 6.0 Sandbox
Overview
## Debugging on localhost and gh-pages at the same time
During setup its necessary to geet a build that runs on both localhost and gh-pages. Once both are working you can develop on localhost and deploy to gh-pages only when your ready to push a major change live.
But for cycling through the build, git, gulp-deploy you run these commands back to back...
```bash
git add . && git commit -m "debugging gh-pages issues" && git push && npm run deploy && npm start
```
# ZURB Template
[](https://david-dm.org/zurb/foundation-zurb-template#info=devDependencies)
**Please open all issues with this template on the main [Foundation for Sites](https://github.com/zurb/foundation-sites/issues) repo.**
This is the official ZURB Template for use with [Foundation for Sites](http://foundation.zurb.com/sites). We use this template at ZURB to deliver static code to our clients. It has a Gulp-powered build system with these features:
- Handlebars HTML templates with Panini
- Sass compilation and prefixing
- JavaScript concatenation
- Built-in BrowserSync server
- For production builds:
- CSS compression
- JavaScript compression
- Image compression
## Installation
To use this template, your computer needs:
- [NodeJS](https://nodejs.org/en/) (0.12 or greater)
- [Git](https://git-scm.com/)
This template can be installed with the Foundation CLI, or downloaded and set up manually.
### Using the CLI
Install the Foundation CLI with this command:
```bash
npm install foundation-cli --global
```
Use this command to set up a blank Foundation for Sites project with this template:
```bash
foundation new --framework sites --template zurb
```
The CLI will prompt you to give your project a name. The template will be downloaded into a folder with this name.
### Manual Setup
To manually set up the template, first download it with Git:
```bash
git clone https://github.com/zurb/foundation-zurb-template projectname
```
Then open the folder in your command line, and install the needed dependencies:
```bash
cd projectname
npm install
bower install
```
Finally, run `npm start` to run Gulp. Your finished site will be created in a folder called `dist`, viewable at this URL:
```
http://localhost:8000
```
To create compressed, production-ready assets, run `npm run build`.