https://github.com/santospatrick/ultimate-toolkit

This is a Toolkit but also a Boilerplate to use Gulp & Webpack. We consider to use both technologies because projects need to handle images, fonts, css & javascript optimizations. This boilerplate also uses Browser-sync, Postcss & Babel!
https://github.com/santospatrick/ultimate-toolkit

Last synced: 4 days ago
JSON representation

This is a Toolkit but also a Boilerplate to use Gulp & Webpack. We consider to use both technologies because projects need to handle images, fonts, css & javascript optimizations. This boilerplate also uses Browser-sync, Postcss & Babel!

• Host: GitHub
• URL: https://github.com/santospatrick/ultimate-toolkit
• Owner: santospatrick
• License: mit
• Created: 2016-05-31T20:51:03.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-08-22T18:59:53.000Z (over 8 years ago)
• Last Synced: 2024-11-09T17:46:37.982Z (2 months ago)
• Language: HTML
• Homepage:
• Size: 19 MB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ultimate Toolkit

> This is a Toolkit but also a Boilerplate to use Gulp & Webpack. We consider to use both technologies because projects need to handle images, fonts, css & javascript optimizations. This boilerplate also uses Browser-sync, Postcss & Babel!

![Ultimate Toolkit S2](public/images/presentation.jpg?raw=true "Ultimate Toolkit S2")

## Getting Started

1. `git clone` this repo

2. Install [node.js](https://nodejs.org/en/download/)

3. `npm install --global gulp webpack` in your command line

4. `npm install` to install dependencies

5. `gulp` to start watching your **/source** file changes!

6. It will pop up a new tab in your default browser with our **awesome showcase page**

7. Enjoy it! :wink:

## Production Build

Run `npm run build` to deploy styleguide, minified css & javascript

## Gulp Packages

* gulp-cache

* gulp-imagemin

* gulp-plumber

* gulp-postcss

* gulp-sourcemaps

## Webpack Packages

* webpack

* webpack-stream

* babel-core

* babel-loader

* babel-preset-es2015

* jquery

## Postcss Packages

* cssnano

* lost

* postcss-calc

* postcss-color-function

* postcss-custom-media

* postcss-custom-properties

* postcss-custom-selectors

* postcss-fontpath

* postcss-media-minmax

* postcss-partial-import

* postcss-style-guide

* psg-theme-1column

## Server Packages

* browser-sync

* ngrok

## Browser Support

* Chrome 26

* IE 10

* Firefox 3.6

* Safari 5.1

* Opera 11.1

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -m 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :smile:

## License

[MIT License](https://opensource.org/licenses/MIT)