DOM Scripting: the Art of Unobtrusive Javascript

Sep 14 2006

Since its debut in 1995, Javascript has had a bad rap with web developers.  It’s not that the versatile scripting language wasn’t useful; on the contrary, Javascript let developers manipulate web documents on-the-fly, adding life to what had been static html pages.  For example, the ubiquitous image rollover, a key Javascript capability, made its first appearance then.  With that effect and others powered by Javascript, the web would never be the same.

But there were problems with the language, big ones.  Early versions of Javascript from Netscape and Microsoft weren’t strictly compatible and the language’s relative simplicity had every designer dropping Javascript into her pages.  The result was a certain chaos as powerful Javascript-enabled effects were implemented without attention to their reliable function in all browsers.  There was also the matter of website usability, or “disusabilty” for some Javascript-laden sites.  Consider the Javascript-enabled pop-up window--a valuable tool but one that has been devalued over the years in the torrent of uninvited pop-up ads.

Much has changed, though, in the last eleven years.  Modern browsers are now reasonably consistent in how they handle Javascript and a new revolution has flickered into existence at the web’s fringes.  It goes by the name of Web Standards. 

The Web Standards gang is pushing the adoption of eXtensible Hyper Text Markup Language (XHTML) and Cascading Style Sheets (CSS), two robust technologies that separate the semantic structure of a web page’s data from its ultimate presentation.  The two promise to dramatically reduce the size of web pages and to ensure a consistent web experience for web surfers using any browser.  You can read more about the movement here: www.webstandards.org.

There’s a third leg to the Web Standards revolution that has received less attention.  It goes by the name of DOM Scripting and it promises to finally restore Javascript’s good name.  DOM Scripting focuses on using unobtrusive Javascript that doesn’t mess with the finally honed markup of XHTML and that doesn’t aggravate website usability the way early use of Javascript did.  A great introduction to the DOM Scripting comes from Jeremy Keith, a web developer from Brighton, England.  His book, DOM Scripting: Web Design with JavaScript and the Document Object Model, is an excellent introduction to the subject and highly recommended by MediaFatigue. 

If DOM Scripting takes off (and we hope it does), Javascript may yet be invited to the party as an honored guest. 

permanent link

 

Creating Favicon.ico Files

Aug 31 2006

Pop quiz: how many of you know what a favicon is? 

No, it isn’t a type of Star Trek convention.  Actually, as a websurfer, you’ve probably seen hundreds of favicons.  They’re the little icons that pop up next to urls in your browser’s address bar.  The MediaFatigue favicon (or “favicon.ico file” if we want to please the sticklers) is a small blue square containing the letter M in white. 

Jennifer Apple at PhotoshopSupport.com has written a concise article on how to create favicons using Photoshop.  Find it here

permanent link

 

LEGO Mindstorms NXT: First Impressions

Aug 17 2006

The new LEGO Mindstorms NXT robot building system has been out for a few weeks now and the first returns are in: it’s a hit!  One Amazon reviewer wrote, “I am thrilled with NXT.  It is all I expected and more.” Another writer said, “All in all, this thing is very impressive, has lots of staying power, and since it supports MacOS X, I’ll actually use it, and will most likely pull out my old Mindstorms and combine parts.  Thanks, Lego—keep up the great work!”

Warning: shameless plug approaching at high speed.  One reviewer wrote, “The help system is well done and actually helpful.” Thanks for the compliment.  I had a great time writing the help system and secretly feared that it would be the one thing that users hated.  I can rest easy now.

Update: Ars Technica gives Mindstorms NXT a 10!  Here’s their review.

permanent link

 

Great Site for Learning Advanced Flash

Jul 15 2006

Lee Brimelow should get a medal (or a brown bag of cash) for his Flash tutorial site at www.gotoandlearn.com.  It’s a treasure trove of advanced techniques for Flash developers and it’s all free—a welcome respite from the rude crowd of pay tutorial sites popping up on the web. 

The material is fairly high-end so expect to be confused if you’re a newbie to Flash.  But if you’re over the beginner’s hump and have dabbled with Actionscript, you’ll find his 5-10 minute video tutorials simply engrossing.  Kudos to Lee. 

permanent link

 
Page 4 of 5 pages « First  <  2 3 4 5 >