Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I came across this site http://www.desimartini.com/allaboutrajni.htm which requires me to disconnect from Internet to see the action! I am surprised as the site has quite an amount of content and seriously doubt if it can cache everything to my browser in few seconds. Can someone help me in understanding how such sites are built? enter image description here

To add to this the site stops working after I reconnect to Internet!

share|improve this question
2  
Just to give you a feeling how much you can put in very little code: This video was rendered using a 4K(!) executable - including the sound! (But of course the rendering is far from real time, so this can't really be compared.) –  Hendrik Vogt Mar 6 '12 at 18:01
    
man, that site is simply awesome –  Bogdacutu Mar 6 '12 at 19:32
1  
I tells you how it does it right on the site, its Rajni Power! –  Moab Mar 7 '12 at 4:07
    
Why there are 'Close' requests for this question?! –  Chethan S. Mar 7 '12 at 14:54
add comment

1 Answer

up vote 23 down vote accepted

This particular website was built in Flash. It is quick to load because most of the graphical (if not all) content is vector graphics. The difference between vector graphics (this site) and bitmap graphics (such as your family pictures in jpegs, tiffs, or bmps) is that vector graphics use mathematical functions to draw lines and fill colors (and gradients) instead of pixel-for pixel information about color. That results in a very small site, and also: you can try zooming in and you will see that the quality does not degrade (unlike jpegs, bmps, tiffs..). I assume that the background music probably "weighs" more in terms of disk space then the rest of the graphical content which is pure vector.

BTW, flash can mix content (vector+bitmap), but this guy made this site without any bitmaps so it can be small.

More about vectors vs bitmaps: http://graphicssoft.about.com/od/aboutgraphics/a/bitmapvector.htm

More about Flash websites: http://en.wikipedia.org/wiki/Adobe_Flash

To top off my answer: This site is made to run from cache, and also checks for internet connectivity. If this cached website can detect internet connectivity, it is scripted so it does not run. The author of the site obviously did this so the user can appreciate the site's small size, and the authors know-how :)

share|improve this answer
7  
Just adding, that flash can run from cache once the flash file is downloaded onto the computer. –  Psycogeek Mar 6 '12 at 15:37
    
Correct. That is actually a big part of the answer, and i forgot to include it :) –  Kaurin Mar 6 '12 at 15:39
    
Edited the answer as per @Psycogeek suggestion! –  Kaurin Mar 6 '12 at 19:32
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.