The JavaScript blog.


libraries JSON ui database themes memory

JSON File Store, Purplecoat.js

Posted on .

JSON File Store

I've been emailed a selection of in-memory databases, spurred on by last week's LokiJS post. JSON file store (npm: jfs, License: MIT) by flosse can save JSON to files, and it also has a pretty option for producing readable output.

It can generate IDs using the node-uuid module, but it also works with custom IDs as well. It supports synchronous operations for saving and getting items. The basic usage looks like this:

var Store = require('jfs');  
var db = new Store('data');

var d = {  
  foo: 'bar'

// Save with custom ID
db.save('anId', d, function(err) {  
  // Now the data is stored in the file data/anId.json

// Save with generated ID
db.save(d, function(err, id) {  
  // id is a unique ID

You can toggle memory-only mode with the type: 'memory' option. I thought this project seemed like something that might be useful if you've got configuration or small data files files that are user editable, perhaps in a redistributable web application or daemon.


Elle Kasai sent in Purplecoat.js (GitHub: ellekasai / purplecoat.js, License: MIT, Bower: purplecoat.js), a lightweight version of those popover tutorial libraries. It can be applied to an element with the data-purplecoat attribute, and data-purplecoat-label can be used to add a message.

Purplecoat.js is used to document Elle's Shiori Bootstrap theme for Jekyll, which is a clean and minimal Jekyll theme with several built-in colour themes.


jquery plugins themes truncation jquery-ui

jQuery Roundup: jQuery UI 1.9.0, Delta Theme, jQuery.textFit

Posted on .

Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jQuery UI 1.9.0

jQuery UI 1.9.0 site

jQuery UI 1.9.0 is out, which adds new widgets, API refinements, improved accessibility, and hundreds of bug fixes. The new widgets are as follows:

  • Menu: A navigation menu with support for hierarchical pop-up submenus
  • Spinner: A "number stepper" for input fields (rather than a rotating progress indicator)
  • Tooltip: A pop-up message

There's a detailed jQuery UI 1.9 Upgrade Guide which lists deprecations. Oh, and the jQuery UI site has been refreshed as well!

Delta: jQuery UI Theme

jQuery UI Delta Theme

Delta (GitHub: kiandra / Delta-jQuery-UI-Theme, License: MIT/GPL) is a jQuery UI theme by Tait Brown, who created the hugely popular Aristo port.

This theme has a metallic finish that reminds me if iOS 6, and includes light and dark variations. It's also dubbed as Retina ready -- CSS3 gradients and high-resolution images have been used.


jQuery.textFit (GitHub: STRML / jquery.textFit, License: MIT) by Samuel Reed can scale text to fit its container. It also correctly detects multiline strings with break tags.

To find the best font size, a binary search is performed. The demo on jQuery.textFit's site is slowed down so you can actually see how the algorithm works, in reality it seems to run very quickly.

Vertical alignment and centred text are both supported, as are custom fonts.


jquery ui graphics plugins themes

jQuery Roundup

Posted on .

Welcome to the jQuery roundup 37. You can send your plugins and articles
in for review through our contact form or


FullCalendar (GitHub: arshaw / fullcalendar, GPL/MIT Dual
License) by Adam Shaw is an incredibly elaborate jQuery calendar plugin.

It reminds me of Google's calendar, but he's also got a jQuery UI
themed demo
shows a calendar with a theme. It doesn't support editing, but it would
be possible to add support using the events, which are listed in
FullCalendar's documentation.

Even better, the project comes with
tests and a Makefile! It's not often I come across jQuery plugins that are packaged this well,
believe me.


Capty (GitHub: wbotelhos / capty, MIT License) by Washington
Botelho is a little plugin that displays a caption over an image based
on the alt attribute:


If the image has a name attribute with a selector, it'll
use the selector for the caption's content (see the A custom caption
with a external content

The author has more interesting plugins on his GitHub account,
wbotelhos. In particular the Wizard plugin caught my eye, which I
thought was something to do with incredible magical powers, but it's
actually just for making multi-stage form wizards.

Absolution Updates

Michaƫl Vanderheeren has been working on his
Absolution jQuery UI theme. This theme uses CSS3, and has some interesting demos:

He's been making a lot of small tweaks lately so it uses more CSS3 and
looks cleaner than before.

This is one of the themes I previously covered in a general jQuery UI