Reusable Calendar Project Update 1
I mentioned in my latest monthly update on Flush that I am working on a special calendar that I will hopefully display on the home page of the website when it’s all done. Here is a screenshot of the basic set up I have so far:

It might look a bit complicated, but the concept is delightfully simple (to me at least). I will probably explain more in detail later on, but basically, the idea is that with the set up on the left, you can generate any layout of the month we see in practically all calendars in the world.
querySelectorAll()
Summary
Basically, bringing in the power of jQuery selection without using jQuery. Only works in Safari for now.

Console Profile
Summary
Testing how the console.profile() method works. Even though I’ve had Firebug for months, I learned how to use it from watching tutorials of Safari’s Web Inspector tool.
To see how it works. You’ll need to have a developer tool that has a console profile function. Firefox has a Firebug add-in. Safari has one build-in.

Touch Events
Summary
Testing iPhone’s touch events (ontouchstart ontouchend ontouchmove and ontouchcancel). You can’t really see it in action unless you have a touch device, like the iPhone.
iPhone Orientation
Summary
Experiments with the special onorientationchange event. Also works with window.orientation property.
PHP & Ajax
Summary
The next step of PHP self-teaching after PHP Basics. Learned to use Ajax by using PHP to receive information of an XML file, catalog.xml, and to instruct the display of data onto the original file.
Also added a cookie component so the visitors would not lose their place. Note: the cookie in this experiment expires very quickly so that the experiment can start over without manual deletion of the cookies from the browser.
PHP/Ajax – Address Change
Summary
An exercise to figure out how to change the address of a page without refreshing it. It’s supposed to look like a query address, but ultimately, the use of hash mark (#) did the trick.
This experiment was created for the portfolio page, whereby the page updates its navigation and content without refreshing.
Alternating Background Colors
Summary
This script allows me to automatically alternate two different background colors to a series of the same tag, like the <li> list item tag.
I made the script where I have control over the two colors separate from within the script so I can apply the same script to different items with different colors.
I made this while working on the design for Flush, my design blog [at Blogger], trying to alternate the background color of numerous lists on the sidebar.
Background Change by Time
Summary
The background color of this page changes based on the time of day. At midnight, this page is pure blue. At 8am, it is pure red. At noon, yellow. At 4pm, green. You may come back at a different time of day to see the change, or you can temporary change the clock on your computer right now and reload the page.
There is a slightly different hue every four minutes, resulting in 360 hues found in common image editing programs like Photoshop and Illustrator.
The JavaScript that runs this also takes brightness and saturation into account, just like the HSB panel in Photoshop and Illustrator. A relatively simple formula from a less simple understanding of the workings of HSB allows the programmer to change the saturation and brightness level.
Collapse/Expand Menu
Summary
An exercise in collapsing and expanding a “menu” when the title is clicked. Made for Flash Experiments portal.
The entire thing is accessible in that if JavaScript is turned off, the menu or list is still displayed. It just might push down everything else if the list is too long.
Multiple Video Control
Summary
An experiment with showing videos and controlling them via JavaScript. Learned that Vimeo (as of the time this experiment was created) does not allow JavaScript control, whereas YouTube does.
This experiment was created to test JavaScript capabilities regarding building a video-based site for a client.
Cookies (Basics)
Summary
An exercise in learning the basics of JavaScript cookies. Cookies seemed like a subspecies in the JavaScript language, and I had avoided it for a long time mainly for two reasons: 1) It’s another syntax to learn, and 2) I don’t like that it stores personal information and I don’t want to use it for my website if it’s not absolutely necessary.
This experiment was carried out to figure out how to configure a function in the portfolio page.