Category: HTML

I landed on the internet for the first time in 1996, and given my creative nature it didn’t take long before I wanted to have my own web site where I could present my programs and music.

At that point in time I didn’t know the first thing about HTML. Maybe I knew it was built up from tags, but that was pretty much it. So, it had to be WYSIWYG. I fiddled around with Microsoft FrontPage Express, but there was also some sort of WYSIWYG tool built into a specific version of Netscape (the browser of choice for me at the time) that could also build a web page.

I used that tool in Netscape to create my first web site in 1996, and it looked like this.

A while ago, while I was exploring the new zone Enedwaith in LOTRO, I decided to stand still on a hilltop and gaze into the distance for quite a while, taking a screenshot as the day grew brighter. This gave me three screenshots ranging from night to day.

A little later I combined the three screenshots and saved it as this GIF animation:

Spoiler: GIF animation

But then earlier this week I had this thought that perhaps the transition could be made really neat by crossfading the images using jQuery. Yesterday I threw the idea together and you can now see the result by clicking the DEMO link below.

Note: If you use the slider for a faster speed and the current crossfade animation is slow, you have to wait a bit for the current stage to finish before the new speed is actually applied.

If you wish, you can download the lot (468 KB) and replace the three “stage” images with your own. Perhaps there’s another computer game you’d like to see a dawn effect from? You’re also welcome to adapt and post it on your own web site.