javascript demos in HTML4

on this page i collected some results of my javascript coding. most of the pages are not worth visiting without javascript enabled and they should also run offline when you save the files to your local drive. tested in firefox 3+, ie 7+, chrome 1+ on win 7/xp. with the exception of the selection demos chrome is the best choice for viewing the examples

• maze
  my son likes to play gcompris on linux, especially the maze. i wrote this simple port in javascript to get it to the browser. use the cursor keys to move around.
• snake
  try this eat'em up classic. collect the blue mushrooms but don't bite into your own tail. indicate the movement direction with short mouse/touchpad gestures or use the cursor keys.
• balls
  in this demo you may push around your... *ehrm*... balls. klick to add more. chrome is very good here.
• carousel
  the usual carousel selection widget does not look much like a carousel. this implementation is a more literal approach. click the + button to add some items and then go ahead and select... - just stop before you get dizzy.
• sphere
  "how lame was that?" - you say - "i stopped being crazy about carousels at the age of twenty-seven!" - now my friend i think you and me are tarred with the same brush. this one might be exactly the selection widget you are looking for. try to aim for the big ones.
  (for reasons i cannot explain yet, these selection demos are running very slowly on Chrome, which usually is the fastest browser around. surprisingly Firefox and even IE are rendering these much faster)
• cloud
  what? "this sphere ain´t big enough for you?" - in the outer space you might find, what you are looking for ...or go and ask your local car dealer. this one has mouse wheel support (at least on some computers).
• EAN13/UPC barcode
  most barcode generators use some server side imaging library to create bitmap or vector images of barcodes. i think rendering it in the browser as DHTML with javascript is much easier to use. i would like to add support for 2D barcodes like datamatrix or qrcode when i have the time (which means it´s never going to happen :).
• web fonts
  when i created the web page of our restaurant i had to learn how difficult it is, to make the pages looking at least roughly similar in different browsers. particularly i was not aware of the limitations of web fonts before that job. i wrote this page to quickly get an impression of how different fonts are rendered in the browser.
• torch
  this is a demo of how images can be loaded sequentially in the background. the images are then replaced dynamically based on user events. the loading sequence is always trying to prefetch the best available image that is missing. this way you get the impression of a smooth motion even when the loading is still in progress.
• bowl
  meet the flintstones at their favorite leisure activity. not finished yet.

martin rohrmeier, 2009-06-28