<?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>Internet Brain &#187; Javascript</title>
	<atom:link href="http://imaginaryworld.net/category/directory/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://imaginaryworld.net</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Fri, 03 Sep 2010 18:42:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>css3-mediaqueries-js</title>
		<link>http://imaginaryworld.net/2700/css3-mediaqueries-js/</link>
		<comments>http://imaginaryworld.net/2700/css3-mediaqueries-js/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 20:49:33 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2699</guid>
		<description><![CDATA[css3-mediaqueries-js &#8211; Project Hosting on Google Code. css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries. Firefox 3.5+, Opera 7+ and Safari 3+ already offer native support.]]></description>
			<content:encoded><![CDATA[<p><a href="http://code.google.com/p/css3-mediaqueries-js/">css3-mediaqueries-js &#8211; Project Hosting on Google Code</a>.</p>
<p><span style="font-family: arial, sans-serif;line-height: normal">css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply <a rel="nofollow" href="http://www.w3.org/TR/css3-mediaqueries/">CSS3 Media Queries</a>. Firefox 3.5+, Opera 7+ and Safari 3+ already offer native support.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2700/css3-mediaqueries-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dynamic, Sliding Content Using Vertical Navigation Bar &#124; Web Resources &#124; WebAppers</title>
		<link>http://imaginaryworld.net/2629/dynamic-sliding-content-using-vertical-navigation-bar-web-resources-webappers/</link>
		<comments>http://imaginaryworld.net/2629/dynamic-sliding-content-using-vertical-navigation-bar-web-resources-webappers/#comments</comments>
		<pubDate>Mon, 24 May 2010 13:58:20 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2629</guid>
		<description><![CDATA[SliderNav is a JQuery plugin that lets you add dynamic, sliding content using a vertical navigation bar index. It is made mainly for alphabetical listings but can be used with anything, though longer words can look a bit awkward.SliderNav automatically adds the navigation and sets the height for the object based on how tall the [...]]]></description>
			<content:encoded><![CDATA[<p>SliderNav is a JQuery plugin that lets you add dynamic, sliding content using a vertical navigation bar index. It is made mainly for alphabetical listings but can be used with anything, though longer words can look a bit awkward.SliderNav automatically adds the navigation and sets the height for the object based on how tall the navigation is, in order to make sure users have access to the entire list. We used overflow: auto; property for the actual content so you can use your mousewheel to scroll through the content as well. It has been tested and works fine on Firefox 3, Chrome 5, IE7, Safari 4 and Opera 10.</p>
<p>via <a href="http://www.webappers.com/2010/05/24/dynamic-sliding-content-using-vertical-navigation-bar/">Dynamic, Sliding Content Using Vertical Navigation Bar | Web Resources | WebAppers</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2629/dynamic-sliding-content-using-vertical-navigation-bar-web-resources-webappers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ignore the code: Footnotes</title>
		<link>http://imaginaryworld.net/2593/ignore-the-code-footnotes/</link>
		<comments>http://imaginaryworld.net/2593/ignore-the-code-footnotes/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 21:25:32 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2593</guid>
		<description><![CDATA[I have a love-hate relationship with footnotes. I like to use footnotes, because they allow me to remove stuff that isn’t directly relevant to the text I’m currently writing, while still keeping the information around in case anyone is interested. On the other hand, footnotes are a usability nightmare, yanking you out of your place [...]]]></description>
			<content:encoded><![CDATA[<p>I have a love-hate relationship with footnotes. I like to use footnotes, because they allow me to remove stuff that isn’t directly relevant to the text I’m currently writing, while still keeping the information around in case anyone is interested. On the other hand, footnotes are a usability nightmare, yanking you out of your place in the text to a completely different place, and then back up. They are an interruption.</p>
<p>So I figured that it would be a good idea to show the content of a footnote as soon as you indicate that you are interested in the footnote. Namely, when you move the cursor over the footnote symbol.2 This allows footnotes to work on devices that don’t support mouse hovering, because you can still jump to a footnote via its link, but it removes the necessity of having to click on a footnote link for most people.</p>
<p>via <a href="http://ignorethecode.net/blog/2010/04/20/footnotes/">ignore the code: Footnotes</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2593/ignore-the-code-footnotes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE Print Protector &#8211; ieCSS</title>
		<link>http://imaginaryworld.net/2580/ie-print-protector-iecss/</link>
		<comments>http://imaginaryworld.net/2580/ie-print-protector-iecss/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 22:03:44 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/2010/04/13/ie-print-protector-iecss/</guid>
		<description><![CDATA[IE Print Protector &#8211; ieCSS IE Print Protector is a piece of javascript that allows you to print HTML5 pages in Internet Explorer. IE Print Protector helps IE render HTML5 elements correctly, both on screen and in print.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iecss.com/print-protector/">IE Print Protector &#8211; ieCSS</a><br />
<blockquote>IE Print Protector is a piece of javascript that allows you to print HTML5 pages in Internet Explorer.</p>
<p>IE Print Protector helps IE render HTML5 elements correctly, both on screen and in print. </p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2580/ie-print-protector-iecss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 support in Internet Explorer 6, 7, and 8</title>
		<link>http://imaginaryworld.net/2578/css3-support-in-internet-explorer-6-7-and-8/</link>
		<comments>http://imaginaryworld.net/2578/css3-support-in-internet-explorer-6-7-and-8/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 21:03:34 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/2010/04/13/css3-support-in-internet-explorer-6-7-and-8/</guid>
		<description><![CDATA[CSS3 support in Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.How it works If you&#8217;re viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://fetchak.com/ie-css3/">CSS3 support in Internet Explorer 6, 7, and 8</a><br />
<blockquote>What is it?</p>
<p>IE-CSS3 is a script to provide Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.<br />How it works</p>
<p>If you&#8217;re viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE&#8217;s CSS implementation like rounded corners and blur effects.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2578/css3-support-in-internet-explorer-6-7-and-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 amazing ajax css form &#124; Graphic and Web Design Blog -Resources And Tutorials</title>
		<link>http://imaginaryworld.net/2515/30-amazing-ajax-css-form-graphic-and-web-design-blog-resources-and-tutorials/</link>
		<comments>http://imaginaryworld.net/2515/30-amazing-ajax-css-form-graphic-and-web-design-blog-resources-and-tutorials/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 04:14:02 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2515</guid>
		<description><![CDATA[30 amazing ajax css form &#124; Graphic and Web Design Blog -Resources And Tutorials.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/css/best-ajax-css-forms-tips-trends-techniques/">30 amazing ajax css form | Graphic and Web Design Blog -Resources And Tutorials</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2515/30-amazing-ajax-css-form-graphic-and-web-design-blog-resources-and-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Fresh Bottom Slide Out Menu with jQuery &#124; Codrops</title>
		<link>http://imaginaryworld.net/2509/a-fresh-bottom-slide-out-menu-with-jquery-codrops/</link>
		<comments>http://imaginaryworld.net/2509/a-fresh-bottom-slide-out-menu-with-jquery-codrops/#comments</comments>
		<pubDate>Fri, 12 Mar 2010 02:16:26 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2509</guid>
		<description><![CDATA[A Fresh Bottom Slide Out Menu with jQuery &#124; Codrops.]]></description>
			<content:encoded><![CDATA[<p><a href="http://tympanus.net/codrops/2010/03/09/a-fresh-bottom-slide-out-menu-with-jquery/">A Fresh Bottom Slide Out Menu with jQuery | Codrops</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2509/a-fresh-bottom-slide-out-menu-with-jquery-codrops/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Tutorials using WordPress and JQuery.</title>
		<link>http://imaginaryworld.net/2464/10-tutorials-using-wordpress-and-jquery/</link>
		<comments>http://imaginaryworld.net/2464/10-tutorials-using-wordpress-and-jquery/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 23:53:39 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2464</guid>
		<description><![CDATA[Getting the awesomess of JQuery integrated into WordPress is much more simple than you think. Here are 10 Tutorials using WordPress and JQuery. via 10 Tutorials using WordPress and JQuery..]]></description>
			<content:encoded><![CDATA[<p>Getting the awesomess of JQuery integrated into WordPress is much more simple than you think. Here are 10 Tutorials using WordPress and JQuery.</p>
<p>via <a href="http://wpswitch.com/blog/wordpress/10-tutorials-using-wordpress-and-jquery/">10 Tutorials using WordPress and JQuery.</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2464/10-tutorials-using-wordpress-and-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Form Design with Sliding Labels «  CSSKarma</title>
		<link>http://imaginaryworld.net/2455/form-design-with-sliding-labels-%c2%ab-csskarma/</link>
		<comments>http://imaginaryworld.net/2455/form-design-with-sliding-labels-%c2%ab-csskarma/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 20:12:56 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2455</guid>
		<description><![CDATA[A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design. In the article, one certain section about placing labels inside of form fields stood out to me: Because labels within fields [...]]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design.</p>
<p>In the article, one certain section about placing labels inside of form fields stood out to me:</p>
<blockquote><p>Because labels within fields need to go away when people are entering their answer into an input field, the context for the answer is gone. So if you suddenly forget what question you’re answering, tough luck—the label is nowhere to be found. As such, labels within inputs aren’t a good solution for long or even medium-length forms. When you’re done filling in the form, all the labels are gone! That makes it a bit hard to go back and check your answers.</p>
<p>Luke Wroblewski</p></blockquote>
<p>He brings up a good point. Generally speaking, you can look at a field that says “Tim Wright” and know that it was a field for your (my) name. But for long forms, yea, I do agree that you can forget some of the questions you answered.</p>
<p>For best practice, Luke talks about leaving your labels outside the form field so it’s always available to the user. I do think it’s a pretty good solution, but I think we can get a little more creative than that.</p>
<p>via <a href="http://www.csskarma.com/blog/sliding-labels/">Form Design with Sliding Labels «  CSSKarma</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2455/form-design-with-sliding-labels-%c2%ab-csskarma/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Keith Clark &#8211; IE CSS3 pseudo selectors</title>
		<link>http://imaginaryworld.net/2444/keith-clark-ie-css3-pseudo-selectors/</link>
		<comments>http://imaginaryworld.net/2444/keith-clark-ie-css3-pseudo-selectors/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 15:38:00 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2444</guid>
		<description><![CDATA[ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — theyll work in IE&#8230; Honest&#8230;! via Keith Clark &#8211; IE CSS3 pseudo selectors.]]></description>
			<content:encoded><![CDATA[<p>ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — theyll work in IE&#8230; Honest&#8230;!</p>
<p>via <a href="http://www.keithclark.co.uk/labs/ie-css3/">Keith Clark &#8211; IE CSS3 pseudo selectors</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2444/keith-clark-ie-css3-pseudo-selectors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
