DailyJS

Spectra, GizmoJS, EdisonJS

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery design

Spectra, GizmoJS, EdisonJS

Posted by Alex R. Young on .
Featured

jquery design

Spectra, GizmoJS, EdisonJS

Posted by Alex R. Young on .

Spectra

Spectra (GitHub: aakpat6 / spectra, License: MIT, npm: spectra) by Aakash Patel is a library for working with colours. It's a function that accepts various colour formats: RGB, HSL, hex, and CSS colour names.

It can also convert formats, so calling colour.hex() will return a hex value. Colours can even be compared with the .equals method. There are additional methods for processing colours, including harmony, which can generate harmonies for analogous, triad, complementary, square, and rectangle colours.

The Spectra API documentation has examples for each method, and the author has included unit tests.

EdisonJS

EdisonJS (GitHub: tkambler / edison.js, License: MIT) by Tim Ambler is a router for single page applications based on hierarchical relationships. The idea is to define sections and routes. Sections contain routes, and routes map to URLs. That means visiting a URL will cause a section's callback to fire.

The API is based around instances of sections that you define with edison.createSection. There's also a edison.extendCleanup method that fires when people navigate away from routes.

GizmoJS

Tim Ambler also sent in GizmoJS (GitHub: tkambler / gizmo, License: MIT, Bower: gizmo). GizmoJS is a component library, similar to jQuery UI's widget factory. It doesn't depend on jQuery, but does need RequireJS, because the components are based on AMD. It has an event API and inheritance helper.