Developer Play

Main Points

JavaScript Play
Here's the result of playing around with JavaScript.
Flash Play
Here's the results of playing around with Flash animations.

JavaScript Play

Here's the result of playing around with the JavaScript tutorials on the HTML Goodies website. A great developer's resource.

1. JavaScript Test Here's a bloated webpage with a lot of demo stuff and code I want to save for future projects. But I need to develop more tools, really master the techniques, and break them into separate documents for future reference instead of one huge bloated webpage. This page predates the it's own index, hence the 9/2 date. Poor JavaScript page has been neglected for a few months since I finally caught fire and started to understand what's possible with CSS. So I deveoted myself to that, but should be getting back to JavaScript testing soon. [chroniclemaster1, 2006/09/02]

Flash Play

Here's the results of playing around with Flash.

1. FlashIndex I've got the Flash file inserted into the homepage. I think it will look even sexier at earthchronicle than it does on the Beta site. I'm using the overflow method. Now I just can't get the thing to center properly, and IE won't pull up the picture if the flash can't be found. [chroniclemaster1, 2007/01/19]
2. SpinningEarthTransparentSmallCSSOverflow Same basic file as before. However, this time I'm trying to insert the image with CSS. I simply include both versions in the XHTML Flash and .jpg, but the CSS specifies the height and width of the div so that only the animation shows. The overflow is set to hidden so the .jpg which is outside the dimensions isn't shown. But if the flash can't be played, the .jpg pushes up and fills the space. So far so good. [chroniclemaster1, 2007/01/19]
3. SpinningEarthTransparentSmallBackground I was able to put a transparent background on the logo so it can lay over any color background. Since the logo is light colored, I just need to put a black border all the way around it to provide contrast if its on a light colored background. I'm also trying to make it switch to the .jpg logo if flash is not available. This technique uses a CSS background image. It will have to line up precisely, or go back to the animation with the black background to hide it though; and the .jpg HAS a black background. I have no solution for that other than to bite and use a .png instead. And I'm not sure I want to do that. [chroniclemaster1, 2007/01/19]
4. SpinningEarthSmall It didn't take too long to shrink everything down to 350 pixel square so I can place it in the same table cell as the graphic. I briefly resized it in Flash but of course that left the small globe with the exact same file size as the larger. I just had to go home to resize the .jpg I'm using in the animation and then plop it in here. So far all my files are designed in Flash and the .html file is just a complicated excuse to call the .swf file. I still need to master what code needs to go where to insert this into a different webpage. I also need to succeed in placing a <noflash> tag or whatever I need so that the .swf file comes up if they have flash and an image if they don't. [chroniclemaster1, 2007/01/19]
5. SpinningEarthLogo Got it. There's a big green C behind it and everything and turned the background color black since Flash doesn't seem to want to set the background transparent. However, the graphics are oversized. They fit the height of the map I've got, so by the time I got the green C frame around it I had a 500 pixel square stage. [chroniclemaster1, 2007/01/19]
6. SpinningEarth1 Here's my first attempt to realize a long held dream of having a spinning version of the logo. I found a tutorial on creating a rotating Earth and adapted it for use with my public domain graphics. They look prettier anyway. ;) [chroniclemaster1, 2007/01/18]
7. LightningDemo5 Here's my LightningDemo reworked as an EarthChronicle ad. I am still trying to understand why the word EarthChronicle won't wrap onto a second line. So far setting the textbox size won't force it as it seems to for all the other text, and it doesn't respond to carriage returns. Frustrating. I'm also trying to get the text to run from bits included in the HTML so that a content manager can adjust text on the site without having to know Flash or even having the program. [chroniclemaster1, 2007/01/19]
8. LightningDemo4 Here's my first attempts at using Flash. I got off to a pretty good start after picking up some tutorial books. This was originally put together for a client as a demo to prove to both of us that I knew what I was doing. I was quite surprised! [chroniclemaster1, 2007/01/16]