<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Interactive Volcano</title>
	<atom:link href="http://interactivevolcano.com/feed" rel="self" type="application/rss+xml" />
	<link>http://interactivevolcano.com</link>
	<description>All-inclusive interactive + creative website providing tutorials for jQuery, Flash and JavaScript</description>
	<lastBuildDate>Wed, 17 Jun 2009 15:48:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery?  You&#8217;ve got to toggle</title>
		<link>http://interactivevolcano.com/jquery-toggling</link>
		<comments>http://interactivevolcano.com/jquery-toggling#comments</comments>
		<pubDate>Wed, 17 Jun 2009 15:48:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[shortcuts]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[toggle]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/?p=16</guid>
		<description><![CDATA[

Toggling makes it easy to turn things on and off

Everyone likes writing jQuery for one main reason: it&#8217;s really easy to use.  One feature that makes life a lot easier is toggling.  Let&#8217;s say you have an image that you need to show when a button is clicked and then hide when it [...]]]></description>
		<wfw:commentRss>http://interactivevolcano.com/jquery-toggling/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Appending Grayed-Out Overlays with jQuery and CSS</title>
		<link>http://interactivevolcano.com/grayed-out-overlays-with-jquery-and-css</link>
		<comments>http://interactivevolcano.com/grayed-out-overlays-with-jquery-and-css#comments</comments>
		<pubDate>Sun, 19 Apr 2009 20:45:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[dynamic]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[unobtrusive]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/grayed-out-overlays-with-jquery-and-css</guid>
		<description><![CDATA[Probably one of the most widely adopted "web 2.0" features is the grayed out overlay.   Rather than always redirecting users to a new page, overlays allow the current page to get "grayed out" with an overlaid panel.  With the wide use of Javascript libraries like jQuery, the prevalence of these grayed-out overlays is understandable: they are very easy to build.  

Let‚Äôs start with the markup and CSS. We‚Äôll need two wrappers, appended at the end of the DOM. Although we will append these later with jQuery, for now just put them right in the HTML (or wait until we append them).

The idea for these wrappers is that the first 'overlay' div will be the grayed-out background and the 'overlay-panel' will be the HTML panel that sits on top of the overlay.

Now let's get started by styling the overlay.  The first problem we'll have to tackle is making the overlay fill the screen and sit on top of all the content:
]]></description>
		<wfw:commentRss>http://interactivevolcano.com/grayed-out-overlays-with-jquery-and-css/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Best Practices: How to Include IE-Specific CSS Styles and Stylesheets</title>
		<link>http://interactivevolcano.com/ie-specific-css-styles</link>
		<comments>http://interactivevolcano.com/ie-specific-css-styles#comments</comments>
		<pubDate>Sun, 19 Apr 2009 00:59:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[quirks mode]]></category>
		<category><![CDATA[selectors]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/ie-specific-css-styles</guid>
		<description><![CDATA[Although good CSS should be written to be as browser-universal as possible, even the best front end developers find it necessary at times to target specific browsers for certain styles.  In most cases this means writing a set of special CSS blocks to handle eccentricities in IE and its various versions.

There's a wide variety of reasons to target specific browsers: IE6's lack of native support for transparent png24's, pesky 'has-layout' bugs, and IE6's lack of min-height support are just a few.  

One way to target specific browsers is through CSS selector hacks, which take advantage of quirks in different browser implementations.  Perhaps the best known browser hack is the "star html" hack.  Basically you prepend <code>* html</code> to any normal selectors in order to target IE6 specifically:
]]></description>
		<wfw:commentRss>http://interactivevolcano.com/ie-specific-css-styles/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Controlling Animation Timing in jQuery</title>
		<link>http://interactivevolcano.com/jquery-animation-timing</link>
		<comments>http://interactivevolcano.com/jquery-animation-timing#comments</comments>
		<pubDate>Wed, 14 Jan 2009 23:27:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[callback]]></category>
		<category><![CDATA[front end]]></category>
		<category><![CDATA[interval]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[syntax]]></category>
		<category><![CDATA[timing]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/jquery-animation-timing</guid>
		<description><![CDATA[Animation and function timing can often seem like an uphill battle in Javascript.  Thankfully jQuery's variety of timing control mechanisms provide excellent alternatives to Javascript's standard order of function processing.

With both callback functions and chainable methods, jQuery allows much greater control over animation timing than Javascript alone.   Callback functions provide the ability to execute a function once an animation has completed.  Chainable methods allow us to stack a series of operations on a single object.  Combining the two, jQuery provides near perfect control over the timing of animations.]]></description>
		<wfw:commentRss>http://interactivevolcano.com/jquery-animation-timing/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Build a Simple Flash MP3 Player in AS2</title>
		<link>http://interactivevolcano.com/simple-flash-mp3-player</link>
		<comments>http://interactivevolcano.com/simple-flash-mp3-player#comments</comments>
		<pubDate>Wed, 07 Jan 2009 01:15:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[flashvars]]></category>
		<category><![CDATA[media player]]></category>
		<category><![CDATA[randomize]]></category>
		<category><![CDATA[swfobject]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/simple-flash-mp3-player</guid>
		<description><![CDATA[Making a MP3 player is really simple using Flash and AS2.  First open up an FLA in Actionscript 2.0 format.  In the first frame, open the actions window and write: 

var simple_mp3:Sound = new Sound();
simple_mp3.loadSound( 'example.mp3', true );

Here we're loading the MP3 'example.mp3'.  The second variable in <a href="http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&#038;file=00002677.html" rel="nofollow">loadSound()</a> is whether to stream the media.  If you would like to wait until the MP3 loads completely, just set this to false.]]></description>
		<wfw:commentRss>http://interactivevolcano.com/simple-flash-mp3-player/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Supporting the Browser Back Button with Javascript</title>
		<link>http://interactivevolcano.com/browser-back-button-javascript</link>
		<comments>http://interactivevolcano.com/browser-back-button-javascript#comments</comments>
		<pubDate>Tue, 06 Jan 2009 23:34:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[browser support]]></category>
		<category><![CDATA[code library]]></category>
		<category><![CDATA[event handler]]></category>
		<category><![CDATA[interval]]></category>
		<category><![CDATA[object oriented]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/browser-back-button-javascript</guid>
		<description><![CDATA[ When developing a Javascript-heavy, AJAX-riddled site, I often run into a 2.0 type of problem: supporting the browser back button.  While it&#8217;s wonderful to build a site where users are brought to various content pages without the window refreshing, this excellent user experience will be completely ruined if you hit the back button [...]]]></description>
		<wfw:commentRss>http://interactivevolcano.com/browser-back-button-javascript/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Make a Javascript Clock</title>
		<link>http://interactivevolcano.com/optimized-javascript-clock</link>
		<comments>http://interactivevolcano.com/optimized-javascript-clock#comments</comments>
		<pubDate>Sun, 26 Oct 2008 20:55:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[interval]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[unobtrusive]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/optimized-javascript-clock</guid>
		<description><![CDATA[Although there are many ways to make a clock using Javascript, most use Javascript&#8217;s date() object and the setInterval() method.  In this tutorial we&#8217;ll start by building a clock using these simple functions.  Then we&#8217;ll explore some interesting ways of optimizing our clock, and hopefully learn a whole bunch of Javascript along the [...]]]></description>
		<wfw:commentRss>http://interactivevolcano.com/optimized-javascript-clock/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A Javascript Event Handler Script</title>
		<link>http://interactivevolcano.com/javascript-event-handler</link>
		<comments>http://interactivevolcano.com/javascript-event-handler#comments</comments>
		<pubDate>Sun, 26 Oct 2008 20:05:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[code library]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[event handler]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/javascript-event-handler</guid>
		<description><![CDATA[Do you remember the dark days of HTML?  A million inline properties that were a nightmare to handle even on the smallest websites.  Thankfully CSS came along, and good developers now control most of their styling through a centralized stylesheet.
So why shouldn&#8217;t we do the same thing with Javascript?  A bunch of [...]]]></description>
		<wfw:commentRss>http://interactivevolcano.com/javascript-event-handler/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Leading Zeros Function</title>
		<link>http://interactivevolcano.com/leading-zeros-function</link>
		<comments>http://interactivevolcano.com/leading-zeros-function#comments</comments>
		<pubDate>Sun, 26 Oct 2008 00:21:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[code library]]></category>
		<category><![CDATA[number format]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/leading-zeros-function</guid>
		<description><![CDATA[Although Javascript has an excellent method for attaching trailing zeros to decimals, there is no native function to attach leading zeros.  For example, if you are dealing in currency, and want ten cents to appear as .10, instead of .1, you would just write:

var theNumber = .1;
theNumber = theNumber.toFixed(2);

Javascript's <a href="http://www.pageresource.com/jscript/j_a_03.htm">toFixed()</a> is great for trailing zeros, but what if you wanted a fixed number of leading zeros?  If you wanted 10 to display as 0010?

A leading zeros function is handy tool in any Javascript library, so let's write one now.  We'll need two variables: a number to format and the number of digits.  We'll change the number into a string, then attach leading zeros <div class="more-link"><a href="http://interactivevolcano.com/leading-zeros-function#more-6" title="Continue reading this entry">(more...)</a></div>]]></description>
		<wfw:commentRss>http://interactivevolcano.com/leading-zeros-function/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hacking sIFR 2&#8217;s Font Replacement</title>
		<link>http://interactivevolcano.com/hacking-sifr-2s-font-replacement</link>
		<comments>http://interactivevolcano.com/hacking-sifr-2s-font-replacement#comments</comments>
		<pubDate>Wed, 06 Aug 2008 02:30:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[flashvars]]></category>
		<category><![CDATA[font-replacement]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://interactivevolcano.com/hacking-sifr-2s-font-replacement</guid>
		<description><![CDATA[ With sIFR 3 still in beta, let&#8217;s explore hacking sIFR 2 to behave with more of today&#8217;s Flash functionality.
To get started, download sIFR 2.  A common complaint about sIFR font replacement is that the fonts look too pixelated or light.  A quick trick to fixing this is to up the Flash version [...]]]></description>
		<wfw:commentRss>http://interactivevolcano.com/hacking-sifr-2s-font-replacement/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
