Open your config .xml file and find this line:

<application xmlns="http://ns.adobe.com/air/application/1.0">

See the "1.0" on the end? That's your problem, see you are probably developing with AIR 1.5 (and why wouldn't you?), not AIR 1.0. So change the line to read

<application xmlns="http://ns.adobe.com/air/application/1.5">

Save the file and relaunch/debug your app. It should run like a champ now. On the upside, maybe lynda will find this post and fix their example files. Until then, this trick should keep you going.

So I give you, jTrace - javascript tracing for the peoples (say that last part like strong-bad to get the full effect).

I coded jTrace with jQuery 1.3.2 (as an include... not so much a plugin, although that's what I usually call it), and then I created a 'bloated' version that has jQuery included inside of it (for all you mooTools and prototypers out there... I got your back ). For those who use the bloated version, yeah I coded the jQuery portion to use 'jQuery(...' instead of '$(...' for the selectors so it shouldn't break your exisiting code.

To get an in-depth approach on jTrace and how to use it, head over the 'usage' page on the jTrace site.

Have questions, comments, or props? Leave them here in the comments, thanks!

Web Developer Training - jQuery

1- Go and grab TubeMaster Plus.  This is a handy little tool that has a built in browser that lets you surf to a page and then grab any streaming video (complete with audio) from it.  While the interface is a bit clunky, it is somewhat intuitive.  It also does have a built-in "tutorial" site built into it to help you get started.  The biggest help for me was if I had been told it was a stand-alone client, meaning no IE of FF needed, just throw the link on the main page and it will use the internal browser to render the page and aquire the video.  Note that the video should come down as an FLV, you can either convert it inside TMPlus, or use your favorite software to do the encoding.

2- Go and get MediaInfo.  This is a handy little app that will tell you the bitrate, video resolution, fps, etc of any media file.  Open the FLV in MediaInfo and checkout the video bit-rate, the frame-size, and the audio encoding.  Generally I leave this window up.

3- Use SUPER to re-encode/transcode the file into a format more suitable for your use.  SUPER is a rough program to download, I'm not sure if the authors actually enjoy torture, or just can't build a web-page to save their own life, so instead of grabbing it at the offical source, grab SUPER from somewhere trustworthy, like AfterDawn.com (yes the site name sounds like it could be naughty, but it's not, they've been on the scene with video encoding since just about the birth of AngelPotion, and if you got that reference, you just gained a little of my respect ).

4- When SUPER is done encoding, enjoy your video.  A simple solution to your video ripping problems.

Other sites/tools you can use to aquire your favorite online videos.

• YouTube Ripper (webservice) - Just paste the YouTube link in the box and then right-click and save the flv.
• LiveHTTPHeaders - (Firefox plugin, manual, and painful)
• Fiddler2/httpspy - (IE plugins, manual, and painful - note that httpspy has become difficult to find... extremely difficult to find, and there is another program out in the wild that is NOT the same.  Consult the Ninja on the offical version)

If you need pictures I can create an actual Developer Training (with a minisite), but for now, I'm hoping the text will do.  If you have questions or need more examples etc.  Leave a comment and I'll get on it.

Let me know if there are bugs to be fixed, or if you have anything you'd like to add.

Web Developer Training: Compression

Developer Training - Sprites (sponsered by Team Awesome)

Enjoy, and feel free to drop a comment or two

Highlights:

• Rational debugging mode
• Firebug (for both CSS editing and javascript debugging)
• Drew's fantastic commentary as nothing works the way he intends (for the first 20-ish minutes)
• My extremely long pause... that I think I may still be on.

On a side note, there are two other tools that are very helpful when trying to debug or develop on IE, Safari, Linux browsers, etc. They are XRAY and Aardvark, and both are bookmarklets (meaning you bookmark the javascript itself and run it when you need it, similar to a bookmark).

XRAY can be found here http://www.westciv.com/xray/.

Aardvark can be found here http://karmatics.com/aardvark/bookmarklet.html.

Audio clip will be here when I'm done editing it...  UPDATE: Or it won't, looks like my sansa destroyed the file, I mean it's still there, just not in a format that any program can read...  I may still play with this, but I'm thinking it's a lost cause... sorry

<table class="standard-table" cellspacing="0">
	<tr>
		<th>Column 1</th>
		<th>Column 2</th>
		<th>Column 3</th>
		<th>Column 4</th>
	</tr>
	<tr class="lightrow">
		<td width="60">Value 1</td>
		<td>Value 2</td>
		<td>Value 3</td>
		<td>Value 4</td>
	</tr>
	<tr class="darkrow">
		<td>Value 1</td>
		<td>Value 2</td>
		<td>Value 3</td>
		<td>Value 4</td>
	</tr>
	<tr class="lightrow">
		<td>Value 1</td>
		<td>Value 2</td>
		<td>Value 3</td>
		<td>Value 4</td>
	</tr>
	<tr class="darkrow">
		<td>Value 1</td>
		<td>Value 2</td>
		<td>Value 3</td>
		<td>Value 4</td>
	</tr>
	<tr class="lightrow">
		<td>Value 1</td>
		<td>Value 2</td>
		<td>Value 3</td>
		<td>Value 4</td>
	</tr>
</table>

Also note, that WordPress absolutly destroys any layout and aligns everything to the left (argh!) Anyway, pressing on, here is a From Table, again well thought out and designed correctly.

<table class="form-table" cellspacing="0">
	<tr>
		<td rowspan="2" class="description">Name:</td>
		<td><input type="text" value="" /></td>
	</tr>
	<tr>
		<td><input type="text" value="" /></td>
	</tr>
	<tr>
		<td class="description"> </td>
		<td><input type="text" value="" /></td>
	</tr>
	<tr>
		<td class="description">City:</td>
		<td><input type="text" value="" /></td>
	</tr>
	<tr>
		<td class="description">State:</td>
		<td><input type="text" value="" /></td>
	</tr>
	<tr>
		<td class="description">Zip Code:</td>
		<td><input type="text" value="" /></td>
	</tr>
</table>

Now if you find yourself wishing you could see the original files, well you can. Simply grab them from here. Also, if you happen to have your "Bulletproof Web Design" by Dan Cederholm handy you can flip to page 153 and start reading there.  I'd also post some css, but the post is getting rather lengthy as is so just grab the zip file to see the fully stylesheet.

And now the part you've been waiting for ...
The audio from the training.