This blog has moved here: blog.Dreamcss.com

Glow - JavaScript library by BBC

Posted by ravindra | on Jul 10, 2009 8:00 AM

Glow is a first open source JavaScript library built by BBC that aim to make working with JavaScript and the DOM easier . It tries to do this by abstracting common tasks, hiding cross-browser issues, and providing a set of user interface widgets.

glow Glow allows web developers to easily manipulate web pages, create animations and add sophisticated "widgets" to their Web pages. it's very easy to install Glow on your own web server, simply copy the glow folder into whatever directory you normally use to store client-side scripts and now to include the core Glow library in your own web page, just add a script tag to the head of your HTML document , as in the example below.

<script src="/myscripts/glow/n.n.n/core/core.js" type="text/javascript"></script>
when you Inserting this script tag into your web page, it will create a single global object named glow, attached to which are all of the functions, properties and modules of the Glow library.

Now you can replace the n.n.n portion of the example filepath with the actual Glow version number you installed. The library is very well-documented & it already comes with various ready-to-use widgets like:

  • autosuggest
  • carousel
  • overlay (lightbox)
  • slider
  • timetable
  • & more..

Here is few Demos are provided by BBC to see Glow in action

  1. Flickr Viewr Thingr :

    Fetches images from Flickr and generates an animated slideshow using Glow Built by Jake Archibald. Demo: flickr viewr thingr

    Flickr-Viewr-Thingr

  2. Royal Timeline :

    Governance of England displayed on an interactive Timetable Built by Richard Hubbard . Demo: timetable

    Glow - JavaScript library by BBC

  3. Keyboard Hero :

    How fast can you type? Put your speedy typing skills to the ultimate test with Keyboard Hero Built by Tom Maslen - Demo: keyboardhero

    Keyboard-Hero

  4. Carousel widget:

    you can easily create simple carousel using ordered or unordered list element or a collection of other block level elements.create Carousel widget using Glow