{"_id":"@demersdesigns/styleplate","_rev":"5-c894224db3d72058fcc33e60af3670d5","name":"@demersdesigns/styleplate","time":{"modified":"2022-06-12T17:00:33.895Z","created":"2015-12-31T21:13:07.965Z","0.1.0":"2015-12-31T21:13:07.965Z","0.1.1":"2015-12-31T22:33:22.265Z"},"maintainers":[{"name":"demersdesigns","email":"paul@demersdesigns.com"}],"dist-tags":{"latest":"0.1.1"},"description":"A sensible living styleguide solution built on kss and gulp","readme":"![alt-text](http://demersdesigns.com/OLD/thebaseplate-logo.png \"Baseplate Logo\")\n# baseplate\n---\nA sensible baseline for simple web projects using [HTML5 Boilerplate](https://github.com/h5bp/html5-boilerplate), [SASS](http://sass-lang.com/), [Bourbon](http://bourbon.io/), [Neat](http://neat.bourbon.io/), and [Gulp](http://gulpjs.com/).\n\n## Requirements:\n---\n* [Homebrew](http://brew.sh/)\n* [Node.js](http://nodejs.org) & [NPM](https://www.npmjs.org/)\n\n## Project Capabilities:\n---\n* Baseplate utilizes [BrowserSync](http://www.browsersync.io/) to allow for live reloading of files on multiple devices\n* Baseplate includes both development and production tasks.\n* The development tasks include:\n    * JS - Javascript is run through JSHint and any errors are returned to the console. The files are then copied to the development folder. A copy of the minified jQuery file from the node_modules folder is copied to the target folder.\n    * SASS - SCSS files are compiled into CSS and copied into the target folder\n    * Images - Images are optimized and copied to the target folder.\n    * Includes - Includes are compiled to saved as HTML files in the target folder.\n    * Any updates to files in the assets folder will trigger a reload of the browser.\n    * Errors in JS and CSS will output to the command line.\n* The production tasks include:\n    * JS - JavaScript files included in the usemin blocks are concatenated, uglified, and copied to the target folder.\n    * CSS - CSS files are minified, concatenated, and copied to the target folder.\n    * HTML - HTML files are copied to the target folder.\n    * Images - Images are copied to the target folder.\n\n### Getting Started\nYou'll need Node.js, `npm` and `gulp` to work with Baseplate. If you don't already have Node.s installed, I recommend you install it via [Node Version Manager](https://github.com/creationix/nvm). Even better, install [brew](http://brew.sh) and use _that_ to install NVM!\n\nNVM will also install `npm` for you.\n\nOnce you've got Node and `npm`, you'll need gulp:\n\n```\n$ npm install -g gulp\n```\n\nNow grab a copy of Baseplate and set it up.\n\n```\n$ git clone git@github.com:demersdesigns/baseplate.git\n$ cd baseplate\n$ npm install // install additional dependencies\n```\n\nNow you're ready to get going.\n\n## Usage:\n---\n**IMPORTANT:** New files and edits to existing files should take place only within the assets folder. Files in the development and production folders are autmatically generated and will be overwritten when the gulp tasks are run. New HTML files and edits to existing HTML files should be done in the html folder inside the assets directory.\n\nThere are two tasks that can be run. One is for local development purposes and the other is for production. The `dev` task will run the development processes listed in the product capabilities section above and will continue to watch for changes and refresh the browser accordingly. The `prod` task cleans the target folder, runs the `dev` tasks and then runs a few other tasks to get the code production-ready including minification and concatenation. This process attempts to get your code to a place where you can then layer in any CI and deployment tasks that you may need on a per-project basis.\n\n### Local Development Instructions:\n\n```\n$ gulp dev\n```\n\nThis process should create a target folder with the development files for your project and open up a new browser window with your project in it. In the console, you will see both a local and an external URL that your site is available for viewing from.\n\nAll file edits you make are automatically reflected in any of the browsers that have your project open.\n\n### Production Build Instructions:\n1. When you are ready to create project files that are ready for a production environment, run the `prod` task. This will complete all tasks listed above in the usage section.\n2. Once this process completes, the target folder will contain production-ready files.\n","versions":{"0.1.1":{"name":"@demersdesigns/styleplate","version":"0.1.1","description":"A sensible living styleguide solution built on kss and gulp","main":"assets/sass/style.scss","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/demersdesigns/styleplate.git"},"author":{"name":"@demersdesigns"},"license":"ISC","bugs":{"url":"https://github.com/demersdesigns/styleplate/issues"},"homepage":"https://github.com/demersdesigns/styleplate","dependencies":{"browser-sync":"^2.10.1","gulp":"^3.9.0","gulp-autoprefixer":"^3.1.0","gulp-sass":"^2.1.1","kss":"^2.3.1","normalize.css":"^3.0.3"},"gitHead":"de4b52eeb3461d2c02922ce86ab06a93d0b981e2","_id":"@demersdesigns/styleplate@0.1.1","_shasum":"f2fa5bfaa3b3a0b305d8a51ce1e733d10761458e","_from":".","_npmVersion":"2.14.6","_nodeVersion":"4.1.2","_npmUser":{"name":"demersdesigns","email":"paul@demersdesigns.com"},"dist":{"shasum":"f2fa5bfaa3b3a0b305d8a51ce1e733d10761458e","tarball":"https://registry.npmjs.org/@demersdesigns/styleplate/-/styleplate-0.1.1.tgz","integrity":"sha512-8nLbGHaz018LT+JheZUjaLAAen/nRkz/VivmH9p67uAqJU/x+1BMPIYGNflGGle8goHKmIkLENekNYk1n7MQHg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXxlIIEbNGqCewMRoKOoCB6+w71FYVoyAEnK9IZOQlPQIhAPGsnIEheRNJSHLTotau592ludo0lSSR8IjA/fg5+rcp"}]},"maintainers":[{"name":"demersdesigns","email":"paul@demersdesigns.com"}]}},"homepage":"https://github.com/demersdesigns/styleplate","repository":{"type":"git","url":"git+https://github.com/demersdesigns/styleplate.git"},"author":{"name":"@demersdesigns"},"bugs":{"url":"https://github.com/demersdesigns/styleplate/issues"},"license":"ISC","readmeFilename":"README.md"}