https://github.com/cssanimation/gulp-postcss-starter
A starter project using Gulp, PostCSS and Browsersync
https://github.com/cssanimation/gulp-postcss-starter
Last synced: 7 months ago
JSON representation
A starter project using Gulp, PostCSS and Browsersync
- Host: GitHub
- URL: https://github.com/cssanimation/gulp-postcss-starter
- Owner: cssanimation
- Created: 2015-05-27T16:11:59.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-05-27T21:02:18.000Z (over 10 years ago)
- Last Synced: 2025-03-25T14:44:36.848Z (8 months ago)
- Language: CSS
- Size: 176 KB
- Stars: 6
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starter for HTML/CSS/JS projects
Includes Gulp to process PostCSS into native CSS, with Browser Sync.
PostCSS plugins include:
* Autoprefixer
* Simple Vars
* Nested CSS
## Setup
Before starting, you'll need [Node](https://nodejs.org/) (which includes NPM).
If using OSX, I'd recommend this guide to [getting set up with Node and NPM](http://www.johnpapa.net/how-to-use-npm-global-without-sudo-on-osx/).
Then install Gulp using `npm install -g gulp`. This installs Gulp globally and is needed later.
Clone this repo to your local computer using this command:
git clone git@github.com:cssanimation/gulp-postcss-starter.git starter
With the files downloaded, navigate to your `starter` folder on the command line (or Terminal) and run `npm install` to set things up.
If that doesn't work, it may be necessary to use `sudo npm install`.
With this set up, you should now be able to run:
gulp
This will process any PostCSS styles files and launch a web browser showing the current files. Making changes to the files should result in the page updating automatically.
## Questions
Drop me a line at [hello@cssanimation.rocks](hello@cssanimation.rocks) with any questions or thoughts. Pull requests welcomed!
### License
MIT