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