The JavaScript blog.


jquery graphics plugins interface

jQuery Roundup

Posted on .

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


jQuery.highlightRegex (MIT License, demo) by Johann Burkard highlights text based on a regular expression:


It's the kind of thing I could imagine being useful in a web application
that deals with a lot of text (like a notepad, ereader, etc.)

jQuery Weather Widget

The jQuery weather widget

(Creative Commons Attribution) by Seth Wright displays a nice little weather widget based on data from an XML file. The author uses PHP to
parse the XML, but I thought a possible extension to the project would
be to use jQuery.find to read the XML from a JSONP weather
API (if there is one, if not a server-side component will be required).


Booklet (dual MIT and GPL License) is a plugin by Will Grauvogel that displays content in a
flip-book layout. There's a tutorial that uses this plugin to create an
impressive Moleskine-themed page: Moleskine Notebook with jQuery


The Booklet API is very simple:

$(function() {
    width:  600,
    height: 200


design html5 interface safari

Every Time Zone

Posted on .

Every Time Zone by Amy Hoy is a guide to time zones that uses
innovative HTML5 features. It looks best in Safari, but it still just
about works in Firefox.

It's an interesting piece of work from visualization perspective, but it
also has concise JavaScript without any dependencies. This includes
browser feature detection:

  var supportsTouch = ('createTouch' in document),
    scale = 72, now = new Date, current = now, day = current.getDate(), 

I know how difficult working with time zones can be, so I'll probably
actually have to use this in the near future. It's also interesting to
see such a simple tool that specifically targets modern browser features
without compromising its quality by supporting legacy browsers.


mobile iPhone interface mootools


Posted on .

MooTouch is a framework for iPhone web app development that uses
MooTools, made by Jacky Nguyen. The code hasn't actually been released yet, but the author promises that it will be
released under the MIT license. You can see the framework in this video:
Native-like iPhone Web Application - Powered by MooTouch and on this site:

MooTouch allows you to build pages that load using Ajax with location
hashes. It uses Safari's native CSS3 features so transitions feel
snappy. The source code has some Android webkit support as well. There
are also interesting references like orientation change support. The
source doesn't appear to have specific multitouch support in the API.

Someone has kindly posted the source, processed through a beautifier, to
GitHub. You can see how the library is used in
ExpatLiving.js, and the source itself in