<?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>Freelance Web Designer &#187; JavaScript</title>
	<atom:link href="http://vhg-design.com/blog/category/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://vhg-design.com/blog</link>
	<description>Just another blog for design, css, html ... and probably something else</description>
	<lastBuildDate>Sun, 14 Aug 2011 08:30:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>A JavaScript Content Switcher That Works Without JavaScript &#124; impressivewebs</title>
		<link>http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs</link>
		<comments>http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs#comments</comments>
		<pubDate>Tue, 09 Mar 2010 13:24:04 +0000</pubDate>
		<dc:creator>Vel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Content Switcher]]></category>
		<category><![CDATA[no javascript]]></category>
		<category><![CDATA[pure css]]></category>

		<guid isPermaLink="false">http://vhg-design.com/blog/?p=188</guid>
		<description><![CDATA[Recently, while doing research/work on a completely unrelated topic, I came across the beautiful illustrations on Rype Arts, which are displayed inside of a JavaScript-driven content switcher. For some reason, I happened to visit the page with JavaScript disabled and &#8230; <a href="http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Recently, while doing research/work on a completely unrelated topic, I came across the beautiful illustrations on Rype Arts, which are displayed inside of a JavaScript-driven content switcher. For some reason, I happened to visit the page with JavaScript disabled and noticed that the content switcher was still working (albeit, with a few flaws).</p>
<p>At first I couldn’t figure out how it was functioning. Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, I realized it’s not a very difficult thing to do. The switcher utilizes in-page anchors and overflow: hidden to keep the switchability intact.</p>
<p><a href="http://www.impressivewebs.com/javascript-content-switcher-without-javascript/">Visit Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vhg-design.com/blog/css/a-javascript-content-switcher-that-works-without-javascript-impressivewebs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TinyScroller JavaScript Scrollable Div</title>
		<link>http://vhg-design.com/blog/css/tinyscroller-javascript-scrollable-div</link>
		<comments>http://vhg-design.com/blog/css/tinyscroller-javascript-scrollable-div#comments</comments>
		<pubDate>Sat, 03 Oct 2009 10:48:06 +0000</pubDate>
		<dc:creator>Vel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://vhg-design.com/blog/?p=90</guid>
		<description><![CDATA[TinyScroller is a basic scrollable div script at only 1.7KB. It can be used with any HTML and degrades gracefully. The styling is completely customizable through the simple CSS. More features will be coming soon. I have redesigned leigeber.com and &#8230; <a href="http://vhg-design.com/blog/css/tinyscroller-javascript-scrollable-div">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>TinyScroller is a basic scrollable div script at only 1.7KB. It can be used with any HTML and degrades gracefully. The styling is completely customizable through the simple CSS. More features will be coming soon. I have redesigned leigeber.com and am going to be publishing a number of scripts and articles shortly. I will also be releasing my previous blog theme for free.</p>
<p><img alt="" src="http://www.leigeber.com/wp-content/uploads/2009/09/scroller.gif" title="TinyScroller JavaScript Scrollable Div" class="aligncenter" width="592" height="325" /></p>
<p><a href="http://www.leigeber.com/2009/09/javascript-scrollable-div/">Visit Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vhg-design.com/blog/css/tinyscroller-javascript-scrollable-div/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs</title>
		<link>http://vhg-design.com/blog/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs</link>
		<comments>http://vhg-design.com/blog/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#comments</comments>
		<pubDate>Sat, 03 Oct 2009 10:34:00 +0000</pubDate>
		<dc:creator>Vel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Cheatsheet]]></category>
		<category><![CDATA[IE6 bugs]]></category>

		<guid isPermaLink="false">http://vhg-design.com/blog/?p=86</guid>
		<description><![CDATA[&#8220;The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You&#8217;re a web developer and you&#8217;re ready to tear your hair out because you have to support Internet Explorer 6, &#8230; <a href="http://vhg-design.com/blog/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&#8220;The best strategy for dealing with Internet Explorer 6 is not to support it.</p>
<p>Stop. Ok, I feel your frustration. You&#8217;re a web developer and you&#8217;re ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn&#8217;t support you. You&#8217;ve spent hours on it, but you just can&#8217;t seem to get your layout right. I can empathize. I can also help.</p>
<p>This isn&#8217;t one of those rants about IE6 or a campaign to try to kill it. There are enough of those around the web, but they don&#8217;t help if you need to support IE6 because it still has a significant enough marketshare that you can&#8217;t ignore it for business reasons. No, this is the resource you&#8217;ve been hoping for.&#8221; &#8211; via www.virtuosimedia.com</p>
<p><a href="http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs">Visit Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vhg-design.com/blog/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 CSS properties that ‘were’ impossible to implement in IE6</title>
		<link>http://vhg-design.com/blog/css/10-css-properties-that-%e2%80%98were%e2%80%99-impossible-to-implement-in-ie6</link>
		<comments>http://vhg-design.com/blog/css/10-css-properties-that-%e2%80%98were%e2%80%99-impossible-to-implement-in-ie6#comments</comments>
		<pubDate>Sat, 25 Jul 2009 14:43:54 +0000</pubDate>
		<dc:creator>Vel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://vhg-design.com/blog/?p=36</guid>
		<description><![CDATA[This post is about 10 commonly used css properties that were impossible to implement in IE6. While redesigning ProductiveDreams, I came across a few css compatibility issues with IE6 and had to spend hours searching the solution for each issue. &#8230; <a href="http://vhg-design.com/blog/css/10-css-properties-that-%e2%80%98were%e2%80%99-impossible-to-implement-in-ie6">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This post is about 10 commonly used css properties that were impossible to implement in IE6. While redesigning ProductiveDreams, I came across a few css compatibility issues with IE6 and had to spend hours searching the solution for each issue.</p>
<p><a href="http://www.productivedreams.com/properties-that-were-impossible-to-implement-in-ie6/">Visit Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vhg-design.com/blog/css/10-css-properties-that-%e2%80%98were%e2%80%99-impossible-to-implement-in-ie6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TypeSelect &#8211; Javascript-based Selectable Typefaces</title>
		<link>http://vhg-design.com/blog/css/typeselect-javascript-based-selectable-typefaces</link>
		<comments>http://vhg-design.com/blog/css/typeselect-javascript-based-selectable-typefaces#comments</comments>
		<pubDate>Mon, 13 Jul 2009 16:19:34 +0000</pubDate>
		<dc:creator>Vel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://vhg-design.com/blog/?p=11</guid>
		<description><![CDATA[Beautifully rendered &#38; selectable typefaces controlled by CSS. You shouldn’t have to compromise the design or the user&#8217;s experience to have selectable text. Visit source]]></description>
			<content:encoded><![CDATA[<p>Beautifully rendered &amp; selectable typefaces controlled by CSS.  You shouldn’t have to compromise the design or the user&#8217;s experience to have selectable text.</p>
<p><a href="http://www.typeselect.org/">Visit source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://vhg-design.com/blog/css/typeselect-javascript-based-selectable-typefaces/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

