Lessons/examples for creative coding, rapid prototyping, and front-end development with npm in JS. It demonstrates the strengths of modern practices like modularity, promises, functional programming, browserify, Node, ES6, etc.
This is still a work in progress. More goodies coming soon.
You can run any of the demos here:
Some of the demos will also be published to RequireBin so you can easily jump in and edit them.
To run any of the demos from source:
git clone https://github.com/mattdesl/frontend-npm-goodies.git
Now you can either bundle all of the files with
gulp, or you can run it in dev (watch) mode on a single file like so:
gulp watch --demo canvas-collision
Where the format is
[folder]-[filename]. Then you can open
localhost:8000/canvas-collision.html to see it in action. Examples:
gulp watch --demo image-animationgulp watch --demo image-palettegulp watch --demo image-preloadergulp watch --demo image-preloader-es6gulp watch --demo canvas-collision
MIT, see LICENSE.md for details.