search AntBlog701
inside AntBlog701
* AntTunes701 - your music guide.

* my Flickr

iPod touch

29 September, 2006

some Web 2.0 effects

Some people call the interactive things such as fading in and fading out Web 2.0, I am not sure about the actual definition, but I will use the term. Apple uses the fade in and fade out effect in Aperture webpage. Firstly, I thought it was either QuickTime movie or Flash, then I realised it was actually standard images and some advanced JavaScript. I simply can't resist not borrowing some to SillyDog701.

qt_sdmc_effects.jpg
(Click the movie screen shot above to watch SillyDog701 Message Centre's effects)

One more video clip follows.

Back to 1997, when Netscape Communicator was just released, there was something called Dynamic HTML (DHTML). The trick? Moving layers, show/hide layers.

Today's Web 2.0, still based on similar idea but with more controls. JavaScript has improved over the years, and so does CSS, especially the support of opacity control. Thanks to script.aculo.us, they have some nice JavaScript libraries for the web interface.

I decided just to use apply the dynamic interface to one small area of this AntBlog701. (Only the first entry of the index page.) Making it more interesting but not too complicated.

qt_antblog_effects.jpg
(Click the movie screen shot above to watch AntBlog701's effects)

I hope people won't experiment difficulties access AntBlog701 and SillyDog701 Message Centre. For browsers not supporting those dynamic behaviours, the page should look the same as it was.

H.264QuickTime 7These video clips are encoded with state-of-the-art video codec H.264, which delivers stunning quality at remarkably low data rates. QuickTime Player 7 (free) is recommended for watching the video.

Posted by Antony on 29 September 2006 7:35 AM | website related

more September 2006 blogs. (or 2006 blogs)
from iTunes Store:
comments
If you go to script.aculo.us you'll see that Apple is listed ;)
Posted by kourge [TypeKey Profile Page] on 29 September 2006 8:10 AM.
post a comment
TypeKey:
|
|



(You may use following HTML tags for comment formatting:
a href, b, i, br, strong, em, blockquote. two blank lines for a new paragraph.)


(Due to recent comment spamming, I need to take some actions. I apologise for inconvenience.)

:
disclaimer
AntBlog701 is an Antony Shen personal weblog. This blog does not represent SillyDog701. This blog may represent Antony Shen's thoughts or things happened around him. You may not use any contents from this blog to accuse Antony Shen. Antony Shen makes no guarantee about the accuracy of this blog.
sponsored links:

inside SillyDog701
* SillyDog701 (front door) - main SillyDog701.
* Message Centre (forums)
* Netscape Browser Archive
* Browser Version Guide
* MacCentre701, Macintosh news and informaiton centre.
- features: H.264 and other codecs comparison
* MozInfo701, Mozilla information and resource centre.
* Switch, simple steps to switch to the browser you can trust.
* Communicator Tips, featured in dynamic HTML presentation.
* Feedback

search SillyDog701
links:


download iTunes
Get a Blogging Platform built to Grow with Your Business. Download Movable Type Now!

AntBlog701 is proudly powered by
Movable Type.
Page URL: http://ant.sillydog.org/blog/2006/001556.php
[AntBlog701] [AntGallery701 (photos)] [AntTunes701 (music)]
[SillyDog701] [Netscape] [MozInfo701] [MacCentre701][Search] [Feedback] [About SillyDog701] [Sitemap]
Copyright © 2003 - 2015 Antony Shen. All rights reserved. Copyright Notice. Privacy Statement.
Made on a Mac
support AntBlog701