This postscript is to thank the wonderful Amber Rhea and Russell Heimlich for their work here. The good news is that they are both remaining in the Weblogs, Inc. family. You can find Russ at DV Guru, and Amber at Download Squad. This blog will remain archived for reference and searching. Thanks to everyone who visited here!
It's been real
Well, folks, today officially marks the final day of The Javascript Weblog. I've had a lot of fun blogging here for the past 7 months, and hopefully my posts have been helpful and informative to you as well.If you are so heartbroken at the thought of this blog going dark because you just can't get enough of Amber Rhea, worry not! You can find me at the Georgia Podcast Network, where I pontificate about a variety of topics; and my personal blog, Being Amber Rhea. And you might just catch me somewhere else 'round the Weblogs, Inc. network, as well.
I'll leave you with links to some of my favorite Javascript/webdev information sites: Thanks, y'all.
Rotating ads with Ajax
Here's another cool and useful thing you can do with Ajax: serve rotating ads. Instead of settling for a static ad on a page a user might not refresh for minutes or even hours, you can set the ads to rotate at a predetermined interval. The concept and implementation are so simple, it's a wonder this hasn't taken off more. Just put the ad inside an iframe and refresh its contents on every XHR call. (Caveat: if you're using a Strict doctype, your page won't validate, since iframes aren't valid in Strict. Perhaps there's a way to achieve the same thing using the object element?)Thickbox 2.0 released
Thickbox 2.0 is the ultimate lightbox spin off. Besides supporting multiple images, with Thickbox 2.0 you can display inline content, iframed content, or content served through AJAX with a hybrid modal. Check out the examples and learn how to add it to your site. Very slick! I wish this was out 4 months ago.
Dynamic docking boxes
James at Brothercake brings us Docking Boxes (dbx) - drag-and-drop, snap-to-grid boxes with show/hide functionality. (All the functionality is fully accessible via keyboard, as well.) When I first saw this, I thought, "Cool!" - but I couldn't think of any practical uses for it.
However, the more I thought about it, I realized Docking Boxes could actually serve a practical purpose all across the Internet. There are tons of sites that offer customizable profile pages, including the option to show or hide various pieces of content (Yahoo and Frappr are two that immediately come to mind). Currently, customizing your Yahoo profile is kind of a pain; it takes forever and the interface is clunky. But what if you could simply drag and drop content boxes to wherever you want them on the page? Hell, if Docking Boxes really took off, even MySpace might start to suck a little less!
However, the more I thought about it, I realized Docking Boxes could actually serve a practical purpose all across the Internet. There are tons of sites that offer customizable profile pages, including the option to show or hide various pieces of content (Yahoo and Frappr are two that immediately come to mind). Currently, customizing your Yahoo profile is kind of a pain; it takes forever and the interface is clunky. But what if you could simply drag and drop content boxes to wherever you want them on the page? Hell, if Docking Boxes really took off, even MySpace might start to suck a little less!
Javascript outside of the browser
When you think of Javascript, you generally think of the web. But Javascript is used in many different places other than cyberspace. So if you are curious about trying out Javascript in a new environment, check out these guides.
Apple / Yahoo widgets both utilize (X)HTML and Javascript for creating simple mini-applications that users can access on their desktop. Both fun and functional.
Sony's popular video editing program, Vegas, has had scripting support since version 4.0. Using a Javascript syntax, developers can add their own functionality to the program to do several repetitive tasks with the click of a button, for example.
Adobe has a host of applications that incorporate scripting support.
Know of any other applications that use Javascript and have good guides for getting started? Post them in the comments.
Apple / Yahoo widgets both utilize (X)HTML and Javascript for creating simple mini-applications that users can access on their desktop. Both fun and functional.
Sony's popular video editing program, Vegas, has had scripting support since version 4.0. Using a Javascript syntax, developers can add their own functionality to the program to do several repetitive tasks with the click of a button, for example.
Adobe has a host of applications that incorporate scripting support.
Know of any other applications that use Javascript and have good guides for getting started? Post them in the comments.
Ajax and Firefox: a match made in heaven?
MyStickies is a burgeoning service-cum-Firefox extension that allows you to place virtual sticky notes all over the web via - you guessed it - Ajax. Its creators describe it as "bookmarks on steroids." For it to work, you have to sign up for a MyStickies account and install a Firefox extension. That's how the magic happens.
And MyStickies isn't alone in its incorporation of extensions. The phenomenon has led Dietrich Kappe to propose the term Bejax - "Browser Extensions and Ajax." He wonders whether combining the power of Ajax with the ease-of-use of browser extensions could be the future of web apps.
What do you think?
And MyStickies isn't alone in its incorporation of extensions. The phenomenon has led Dietrich Kappe to propose the term Bejax - "Browser Extensions and Ajax." He wonders whether combining the power of Ajax with the ease-of-use of browser extensions could be the future of web apps.
What do you think?
Javascript speed tests
Sean Patrick Kane tested the Javascript performance of the three popular browsers on the Windows side to see how they stack up against one another. You can run his test for yourself with the click of a button. The results are interesting. The slowest was Firefox, most likely due to the many extensions Sean claims his love for. The winner of this informal test was almost 3 times faster than the rest of the pack. You'll have to read the article yourself to find out who it is...P.S. Post your scores in the comments section. My results looked like this after one run ...
Firefox - 4922 ms
IE - 3642 ms
Firefox (Safe Mode) - 3438 ms
Opera - 1188 ms
Ajax chat and push vs. pull
Storm has created a wonderfully simple Ajax chat module which can function either as a live chat interface or a "graffiti board." There is a demo available for your chatting pleasure.
In the blog post that accompanies the module, Storm poses the question of whether Ajax applications can truly be "push" applications. It seems to me that Google's GTalk is an embodiment of an answer in the affirmative. However, since I'm not familiar with all the intricacies of GTalk, I'll invite readers to discuss the issue in the comments section. (Sadly, I can't embed the Ajax chat module right here in the blog post.)
In the blog post that accompanies the module, Storm poses the question of whether Ajax applications can truly be "push" applications. It seems to me that Google's GTalk is an embodiment of an answer in the affirmative. However, since I'm not familiar with all the intricacies of GTalk, I'll invite readers to discuss the issue in the comments section. (Sadly, I can't embed the Ajax chat module right here in the blog post.)
Rotating solar system
Will Jessup created an interesting rotate script using jQuery. To put the script to good use, he made a solar system model. The script is very responsive to the movement of your mouse and you can look at the planets orbiting the sun from any angle. Here is a link directly to the source code and to see the model in action, click the read link below.XMLHttpRequest in IE 7
Michael Mahemoff at Ajaxian addresses the issue of native XMLHttpRequest support in IE 7. The IE 7 team has repeatedly stated, with relative fanfare, that the new browser will include native XMLHttpRequest. But, as Michael points out, the question remains: just how native is this native XMLHttpRequest?
Two points worth mentioning are 1) xhr.prototype fails and 2) IE has an option to disable native XHR. So, when native XMLHttpRequest support in IE is being touted, remember to take it with the appropriate serving of salt
Two points worth mentioning are 1) xhr.prototype fails and 2) IE has an option to disable native XHR. So, when native XMLHttpRequest support in IE is being touted, remember to take it with the appropriate serving of salt
A javascript boot camp tutorial
Amy Hoy from Slash7.com gave a 3 hour tutorial on Javascript at O'Reilly OSCON 2006. Because she is such a nice person, Amy has released her 3-meg PDF and source code used in her presentation. These are excellent resources to keep handy when you need to look up a method or object. This is no skimpy wimpy PDF; it's 108 pages! Give it a quick read through because it is rather entertaining (well to me anyways). Add mouse wheel scrolling to your next web app
Using Javascript to utilize the scroll wheel a la Google maps is the new "cool guy" thing. I found a site that walks you through the necessary code so you can add it to your next project. What you can use it for besides scrolling in and out is beyond me. Remember, not everyone has a scroll wheel mouse, so use with caution. If you have any great uses for something like this leave a comment. I'm curious as to what other people are imagining...The unofficial Google paint
Google has been into office products lately with Google Spreadsheet recently launched and Writely soon to be too. But Google forgot the coolest office app of all -- MS Paint. Now, thanks to a clever Javascripter, a parody is released for our consumption. Mind you this is not an official Google product, but it sure should be. The classic MS Paint interface and functionality have been captured beautifully. Most tools don't work and pop up a confirm box stating "unimplemented. But the tools that do work are a perfect emulation. If only the spray paint can was working...Add a visual cue where your visitors are going when leaving your site
Link Thumbnail is a nifty script that will display a thumbnail of a link they're hovering over. The code is freely available for anyone to use thanks to a creative commons license and an example page can be found here.Supported browsers include IE 6.0+, Firefox 1.5+, Safari 2.0, and Opera 8.51. Enjoy!
