New to Owl Order? Click here for 2009's best posts! 00:00:00

Wednesday 27 October 2010

JavaScript at Owl Order!!!

Since March, I've been adding bits of JavaScript code to my blogs. These codes really make this blog a true dynamic website.

Some features you may (or may not) have noticed include
  1. Random background image on load. Refresh the page to randomly load a new image!
  2. Time-based background colour. Bluish in the middle of the day, and dark gray at midnight. Changes automatically at the tick of the hour -- no reloading required!
  3. A certain surprise for an hour every day...
  4. digital clock, at the top of the page. My very first piece of JavaScript code! (Though it was refined and updated some time later.)
  5. Blogpost images with silver frames that glow when you hover your cursor on them! On some browsers, this happens with a smooth dark-to-light animation.
  6. Also with animation (on some browsers), "Hi-Res on Flickr" tags overlay images with high resolution copies over at Flickr upon mouse-over. Clicking on these images open their Flickr pages in a new tab.


Unfortunately, some of these features don't work on all browsers.

FeatureMozilla Firefox 4Google ChromeMozilla Firefox 3.xApple SafariOperaInternet Explorer 9Internet Explorer 8
Random BackgroundYesYesYesYesYesYesYes
Time-based Background ColourYesYesYesYesYesYesYes
Midnight EventYesYesYesYesYesYesYes
Digital ClockYesYesYesYesYesYesYes
Glowing Image FrameYesYesYesYesBuggyYesNo
Image frame with AnimationYesYesNoYesBuggyNoNo
Hi-Res TagYesYesYesYesNoNoNo
Hi-Res Tag with AnimationYesYesNoYesNoNoNo
FeatureMozilla Firefox 4Google ChromeMozilla Firefox 3.xApple SafariOperaInternet Explorer 9Internet Explorer 8


It is rather obvious that I designed my blog for the open-source Gecko (used in Firefox) and Webkit (Chrome and Safari) rendering engines. For this reason, I heavily recommend Mozilla Firefox 4, Google Chrome or Apple Safari to unleash all features at my blog.

Download them here:


Have fun, and watch out for more dynamic features to come!

No comments:

Post a Comment

Note: only a member of this blog may post a comment.