<?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>Antti Kupila. Flash Gordon on steroids! &#187; Javascript</title>
	<atom:link href="http://www.anttikupila.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.anttikupila.com</link>
	<description>Personal blog, portfolio &#38; online playground</description>
	<lastBuildDate>Tue, 29 Nov 2011 14:05:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>FeedLanguage: translate rss on the fly</title>
		<link>http://www.anttikupila.com/web/feedlanguage-translate-rss-on-the-fly/</link>
		<comments>http://www.anttikupila.com/web/feedlanguage-translate-rss-on-the-fly/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 17:04:51 +0000</pubDate>
		<dc:creator>Antti</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Feeds]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.anttikupila.com/web/feedlanguage-translate-rss-on-the-fly/</guid>
		<description><![CDATA[Yesterday Google released an addition I&#8217;ve been waiting for to their already impressive set of API&#8217;s, now including the Google Translate AJAX API. Hello. My name is Antti and I am an RSS addict. Seriously though, I get most of my industry news via feeds. The technology while being so simple really is extremely powerful, [...]]]></description>
			<content:encoded><![CDATA[<p>Yesterday Google released an addition I&#8217;ve been waiting for to their already impressive set of API&#8217;s, now including the <a href="http://code.google.com/apis/ajaxlanguage/" rel="external">Google Translate AJAX API</a>.</p>
<p>Hello. My name is Antti and I am an RSS addict.<br />
Seriously though, I get most of my industry news via feeds. The technology while being so simple really is extremely powerful, easy, quick and effortless; it&#8217;s hard to say no. Still, there are a couple foreign feeds i want to follow but i don&#8217;t want to translate the texts all the time, so i was looking for a service that translates RSS feeds on the fly. I didn&#8217;t find anything useful. <a href="http://www.feedburner.com" rel="external">FeedBurner</a> does a lot so i could easily see them doing this too (especially now that they are a part of Google…) but nada. So, I built my own little prototype.</p>
<p><img src="http://www.anttikupila.com/images/feedlanguage.png" class="noborder" alt="FeedLanguage beta | Feeds in your own language!" /></p>
<p>This was mostly built for myself but i thought i might as well release it for the public. Feel free to try it out and let me know if you run into issues. If you&#8217;re interested I don&#8217;t mind releasing the source.</p>
<p><a href="http://www.feedlanguage.com" rel="external">http://www.feedlanguage.com</a></p>
<p>How about my feed in .. <a href="http://feedlanguage.com/feed/47e52f078d54c" rel="external">Italian</a>? <img src='http://www.anttikupila.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.anttikupila.com/web/feedlanguage-translate-rss-on-the-fly/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Cool &amp; accessible javascript link effect</title>
		<link>http://www.anttikupila.com/tutorials/cool-accessible-javascript-link-effect/</link>
		<comments>http://www.anttikupila.com/tutorials/cool-accessible-javascript-link-effect/#comments</comments>
		<pubDate>Thu, 21 Dec 2006 15:57:01 +0000</pubDate>
		<dc:creator>Antti</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.anttikupila.com/tutorials/cool-accessible-javascript-link-effect/</guid>
		<description><![CDATA[Some time ago Niclas Bergström asked me for some tips on a javascript link effect, similar to effects we&#8217;ve seen in flash since day one. The link would kind of switch when you hover it. The idea is fully by Niclas, so I&#8217;ll give all the cred for it to him. A challange here and [...]]]></description>
			<content:encoded><![CDATA[<p>Some time ago <a href="http://loveniclas.com">Niclas Bergström</a> asked me for some tips on a javascript link effect, similar to effects we&#8217;ve seen in flash since day one. The link would kind of switch when you hover it. The idea is fully by Niclas, so I&#8217;ll give all the cred for it to him.</p>
<p>A challange here and there is always nice, so I thought I&#8217;d take it on me. Javascript really isn&#8217;t my thing, but I think the result turned out pretty nice. </p>
<p><a href="http://www.anttikupila.com/files/linkswitcher_example.html">Click here to view the example</a></p>
<p>I had three main priorities when writing this</p>
<ul class="list">
<li>Easy to use &#038; implement</li>
<li>Accessible &#038; search engine friendly</li>
<li>Semantically correct markup</li>
</ul>
<p>I think i managed pretty well. Give it a try!</p>
<p>Here&#8217;s how it works:<br />
Just add class=&#8221;switch&#8221; to your existing links and include linkswitcher.js in your document. Style your links with css. The switched link will use a class called switchHover. View the source of the example css for further info. That&#8217;s it!</p>
<p>Notice that you can&#8217;t apply a margin or padding to the a element itself. Apply it to the parent element (in the example the li, see example 3)</p>
<p>The work is licensed under <a href="http://creativecommons.org/licenses/by-sa/2.5/">CreativeCommons Attribution-ShareAlike 2.5 license</a>, which means that if you make modifications, you will have to share it under the same license. If you share it, I also want to be noted as the original author, with a link back to this site.<br />
The usage for any purpose, however, is totally up to you.</p>
<p><a href="http://www.anttikupila.com/files/linkswitcher.zip">Download source files</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.anttikupila.com/tutorials/cool-accessible-javascript-link-effect/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

