https://github.com/kravse/interactive-nav

Simple interactive nav with vanilla javascript.
https://github.com/kravse/interactive-nav

Last synced: 14 days ago
JSON representation

Simple interactive nav with vanilla javascript.

• Host: GitHub
• URL: https://github.com/kravse/interactive-nav
• Owner: kravse
• Created: 2016-04-16T21:39:33.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-04-17T03:27:47.000Z (over 8 years ago)
• Last Synced: 2024-12-23T19:52:13.560Z (21 days ago)
• Language: CSS
• Size: 174 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
boilerplate

===========

Boilerplate with Gulp Jade Stylus and CoffeeScript 

This is a quick little boilerplate using [Gulp](http://gulpjs.com/) to streamline [Jade](http://jade-lang.com/), [Stylus](https://learnboost.github.io/stylus/) and [CoffeeScript](http://coffeescript.org/) compilation. [Jeet](http://jeet.gs/) is included for responsive grid functionality. 

Instructions: 

1) In the project root, run 'npm install'

2) Run gulp to compile all static assets from 'src' into their build destinations. 

3) Optional: Run gulp watch to poll for changes. 

Currently the setup minifies and uglifies the css and js. If you want more readable source code do the following: 

In gulpfile.coffee:

CSS: 

Remove all instances of .pipe(minify({keepBreaks:false}))

JS: 

Remove all instances of .pipe(uglify())

JADE: 

Change .pipe(plugins.jade({ pretty: false })) to .pipe(plugins.jade({ pretty: true }))

In order to use the Live Reload functionanlity, download the livereload plugin for your browser at: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en