randomColor – a color generator for JavaScript

randomColor – a color generator for JavaScript

randomColor

randomColor generates attractive colors by default. More specifically, randomColor produces bright colors with a reasonably high saturation. This makes randomColor particularly useful for data visualizations and generative art.

randomColor - similar

You can also pass an options object to randomColor. This allows you to specify the hue, luminosity and the number of colors to generate.

JsAction – a tiny event delegation library

JsAction – a tiny event delegation library

JsAction is a tiny event delegation library that allows decoupling the DOM nodes on which the action occurs from the JavaScript code that handles the action.

The traditional way of adding an event handler is to obtain a reference to the node and add the event handler to it. JsAction allows us to map between events and names of handlers for these events via a custom HTML attribute called jsaction.

Separately, JavaScript code registers event handlers with given names which need not be exposed globally. When an event occurs the name of the action is mapped to the corresponding handler which is executed.

Finally, JsAction uncouples event handling from actual implementations. Thus one may late load the implementations, while the app is always able to respond to user actions marked up through JsAction. This can help in greatly reducing page load time, in particular for server side rendered apps.

PHỞ DEVSTACK 1.0 – automated workflow for front-end developers in one tasty bowl of code

PHỞ DEVSTACK 1.0 – automated workflow for front-end developers in one tasty bowl of code.

Features:

  • Yeoman generator
  • Livereload (without refresh for CSS)
  • LESS stylesheets compilation
  • HTML, JavaScript and CSS minification
  • Advanced image handling (base64 inlining, image optimization, sprite generation)
  • Browserify JavaScript modules
  • Linting JavaScript
  • Running unit and end to end tests
  • Configurable directory structure
  • Replacing text in HTML (meta tags, analytics codes)
  • Scripts and stylesheets revisioning
  • Running build after file is changed
  • Configurable plugins
  • Stays up-to-date