https://github.com/danieldunderfelt/frontend-kit
A template for quickly getting started with front-end projects
https://github.com/danieldunderfelt/frontend-kit
Last synced: 5 months ago
JSON representation
A template for quickly getting started with front-end projects
- Host: GitHub
- URL: https://github.com/danieldunderfelt/frontend-kit
- Owner: danieldunderfelt
- License: mit
- Created: 2014-09-30T14:48:43.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2014-09-30T15:51:17.000Z (almost 12 years ago)
- Last Synced: 2024-03-18T03:21:16.542Z (over 2 years ago)
- Language: CSS
- Size: 141 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Frontend Kit
============
A template for quickly getting started with front-end projects.
Clone this repo, make adjustments if necessary, and code. Remove example files. Here's some things you should take a look at before starting:
package.json
------------
The Gruntfile is very clever, and will use the "name" entry in package.json as the name for top-level style and script files. So even if you want to start immediately, at least change the name.
While you're there, you can add or remove packages that you need.
Grunt
------------
The project will compile as it is, but feel free to add or remove Grunt tasks. If you change the src or build folder name, you need to correct the paths in the gruntfile.
Run 'grunt dev' to start the filewatcher. Please define your own production build tasks. Minifiers are not included.
Javascript
----------
The Javascript is run through Traceur by default, so go ahead use ES6 goodness! Adjust the Gruntfile if you don't want this.
Browserify is also used. Because it's great.
Style
-----
Styles are herded through Autoprefixer. Do not change this! It's awesome. This means that you do not have to write -webkit-, -moz- etc in your styles; those will automatically be added by Autoprefixer!
Dev server
----------
This template includes grunt-connect which provides an instant local server. Just open a separate terminal, enter "grunt connect" and you're off. Please note that this terminal window cannot be used for anything else as the connect server is blocking while it's in use.
Then just hop onto 127.0.0.1:9001 using your favourite hypertext document reader.
Live reloading
--------------
Only styles are live-reloaded, not Javascripts. Adjust this to your tastes.