<?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>Jukka-Pekka Keisala &#187; JavaScripting</title>
	<atom:link href="http://www.jpkeisala.com/blog/category/webdesign/javascripting/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jpkeisala.com</link>
	<description>Random buzz about building interwebs</description>
	<lastBuildDate>Thu, 09 Feb 2012 19:12:54 +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>HTML5 Canvas -tag API explained</title>
		<link>http://www.jpkeisala.com/blog/2009/10/16/html5-canvas-tag-api-explained/</link>
		<comments>http://www.jpkeisala.com/blog/2009/10/16/html5-canvas-tag-api-explained/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 09:56:04 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/blog/?p=558</guid>
		<description><![CDATA[Great presentation of Canvas -tag and how to draw it in JavaScript. Canvas View more documents from Dmitry Baranovskiy.]]></description>
			<content:encoded><![CDATA[<p>Great presentation of Canvas -tag and how to draw it in JavaScript.</p>
<div style="width:425px;text-align:left" id="__ss_2195590"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/Dmitry.Baranovskiy/canvas-2195590" title="Canvas">Canvas</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=canvas-091012000634-phpapp01&#038;rel=0&#038;stripped_title=canvas-2195590" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=canvas-091012000634-phpapp01&#038;rel=0&#038;stripped_title=canvas-2195590" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/Dmitry.Baranovskiy">Dmitry Baranovskiy</a>.</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2009/10/16/html5-canvas-tag-api-explained/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery IntelliSense support in VS</title>
		<link>http://www.jpkeisala.com/blog/2008/09/29/jquery-intellisense-support-in-vs/</link>
		<comments>http://www.jpkeisala.com/blog/2008/09/29/jquery-intellisense-support-in-vs/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 08:21:32 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/blog/?p=476</guid>
		<description><![CDATA[I was hoping that it would happen but I never believed that Microsoft would involved themselves in OpenSource library. But luckily I was wrong. ScottGu writes: I&#8217;m excited today to announce that Microsoft will be shipping jQuery with Visual Studio (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2008/09/29/jquery-intellisense-support-in-vs/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>I was hoping that it would happen but I never believed that Microsoft would involved themselves in OpenSource library. But luckily I was wrong. <a href="http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx">ScottGu writes</a>:</p>
<blockquote><p>I&#8217;m excited today to announce that Microsoft will be shipping jQuery with Visual Studio going forward.  We will distribute the jQuery JavaScript library as-is, and will not be forking or changing the source from the main jQuery branch.  The files will continue to use and ship under the existing jQuery MIT license.</p></blockquote>
<p>It seems that Microsoft is really starting to turn their ship towards Open Source, it is great to see that they did choose best technology for developers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2008/09/29/jquery-intellisense-support-in-vs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Processing visualization library in JavaScript</title>
		<link>http://www.jpkeisala.com/blog/2008/05/10/processing-visualization-library-in-javascript/</link>
		<comments>http://www.jpkeisala.com/blog/2008/05/10/processing-visualization-library-in-javascript/#comments</comments>
		<pubDate>Sat, 10 May 2008 08:23:15 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2008/05/10/processing-visualization-library-in-javascript/</guid>
		<description><![CDATA[John Resig (founder of jQuery) has released his JavaScript port of the Processing visualization library today using Canvas. This is an excellent addition to the world of JavaScript graphics programming, it works best on Firefox 3.0. I am going to (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2008/05/10/processing-visualization-library-in-javascript/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p><span property="dcterms:abstract">John Resig <span style="font-style: italic">(founder of </span><a href="http://jquery.com/" style="font-style: italic">jQuery</a><span style="font-style: italic">)</span> has released his JavaScript port of the <a href="http://ejohn.org/blog/processingjs/">Processing visualization library</a> today using Canvas. This is an excellent addition to the world of JavaScript graphics programming, it works best on Firefox 3.0.</span></p>
<p>I am going to keep close eye on this project.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2008/05/10/processing-visualization-library-in-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Atlas will be Microsoft AJAX Library</title>
		<link>http://www.jpkeisala.com/blog/2006/09/12/atlas-will-be-microsoft-ajax-library/</link>
		<comments>http://www.jpkeisala.com/blog/2006/09/12/atlas-will-be-microsoft-ajax-library/#comments</comments>
		<pubDate>Tue, 12 Sep 2006 06:47:40 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/09/12/atlas-will-be-microsoft-ajax-library/</guid>
		<description><![CDATA[This is pretty obvious but I am going to make post anyway since I need to start to fork yet another JavaScript library. Atlas Javascript Library will be renamed to Microsoft AJAX Library and server-side stuff ASP.NET 2.0 AJAX Extensions. (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2006/09/12/atlas-will-be-microsoft-ajax-library/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>This is pretty obvious but I am going to make post anyway since I need to start to fork yet another JavaScript library. Atlas Javascript Library will be renamed to <strong>Microsoft AJAX Library</strong> and server-side stuff <strong>ASP.NET 2.0 AJAX Extensions</strong>.<br />
From <a href="http://ajaxian.com/archives/atlas-becomes-microsoft-ajax-library-and-aspnet-20-ajax-extensions">Ajaxian </a></p>
<p>&#8211;clip&#8211;</p>
<p>Scott Guthrie has announced the <a href="http://weblogs.asp.net/scottgu/archive/2006/09/11/_2200_Atlas_2200_-1.0-Naming-and-Roadmap.aspx">“Atlas” 1.0 Naming and Roadmap</a>, which includes the news that Atlas 1.0 will ship around the end of this year, that it will become “fully supported” by Microsoft.</p>
<p>&#8211;clip&#8211;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/09/12/atlas-will-be-microsoft-ajax-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aptana Javascript editor</title>
		<link>http://www.jpkeisala.com/blog/2006/08/26/aptana-javascript-editor/</link>
		<comments>http://www.jpkeisala.com/blog/2006/08/26/aptana-javascript-editor/#comments</comments>
		<pubDate>Sat, 26 Aug 2006 09:11:27 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/08/26/aptana-javascript-editor/</guid>
		<description><![CDATA[A robust, JavaScript-focused IDE for building dynamic web applications. Built top of the eclipse.  Worth of checking out.  http://www.aptana.com/]]></description>
			<content:encoded><![CDATA[<p>A robust, JavaScript-focused IDE for building dynamic web applications. Built top of the eclipse.  Worth of checking out.  <a href="http://www.aptana.com/">http://www.aptana.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/08/26/aptana-javascript-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.0 Released</title>
		<link>http://www.jpkeisala.com/blog/2006/08/26/jquery-10-released/</link>
		<comments>http://www.jpkeisala.com/blog/2006/08/26/jquery-10-released/#comments</comments>
		<pubDate>Sat, 26 Aug 2006 09:09:51 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/08/26/jquery-10-released/</guid>
		<description><![CDATA[jQuery 1.0 Released. Version 1.0 of the lightweight JavaScript effects / DOM / Ajax library has been released. Here are some relevant links to get you started: jQuery 1.0 jQuery 1.0 &#8211; Compressed API Documentation (Partial) Test Suite]]></description>
			<content:encoded><![CDATA[<p><a href="http://jquery.com/blog/2006/08/26/jquery-10/">jQuery 1.0 Released.</a> Version 1.0 of the lightweight JavaScript effects / DOM / Ajax library has been released.</p>
<p>Here are some relevant links to get you started:</p>
<ul>
<li><a href="http://jquery.com/src/jquery-1.0.js">jQuery 1.0</a></li>
<li><a href="http://jquery.com/src/jquery-1.0.pack.js">jQuery 1.0 &#8211; Compressed</a></li>
<li><a href="http://jquery.com/api/">API Documentation</a></li>
<li><a href="http://jquery.com/test/">(Partial) Test Suite</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/08/26/jquery-10-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spam blocking with JavaScript and CSS</title>
		<link>http://www.jpkeisala.com/blog/2006/08/18/spam-blogging-with-javascript-and-css/</link>
		<comments>http://www.jpkeisala.com/blog/2006/08/18/spam-blogging-with-javascript-and-css/#comments</comments>
		<pubDate>Fri, 18 Aug 2006 08:58:30 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/08/18/spam-blogging-with-javascript-and-css/</guid>
		<description><![CDATA[I got inspired by kari patila&#8217;s post where he uses CSS class to hide spam text using CSS and I wrote something my own by using JavaScript and content to write email address. .email:after { content: &#8220;@jpkeisala.com&#8221;; } &#60;a class=&#8221;email&#8221; (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2006/08/18/spam-blogging-with-javascript-and-css/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>I got inspired by kari patila&#8217;s post where he uses CSS class to <a href="http://prettyreasonable.blogspot.com/2006/07/protecting-email-addresses-with-css.html">hide spam text using CSS</a> and I wrote something my own by using JavaScript and content to write email address.</p>
<p>.email:after {<br />
content: &#8220;@jpkeisala.com&#8221;;<br />
}</p>
<p>&lt;a class=&#8221;email&#8221; xhref=&#8221;http://www.jpkeisala.com/v6/#&#8221; mce_href=&#8221;http://www.jpkeisala.com/v6/#&#8221;  onclick=&#8221;window.location = &#8216;mailto:&#8217;+this.innerHTML+&#8217;@jpkeisala.com&#8217;&#8221;&gt;jp&lt;/a&gt;</p>
<p>a bit ugly but i think it works.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/08/18/spam-blogging-with-javascript-and-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>When JavaScript is cool&#8230;</title>
		<link>http://www.jpkeisala.com/blog/2006/08/08/when-javascript-is-cool/</link>
		<comments>http://www.jpkeisala.com/blog/2006/08/08/when-javascript-is-cool/#comments</comments>
		<pubDate>Tue, 08 Aug 2006 18:52:41 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/08/08/when-javascript-is-cool/</guid>
		<description><![CDATA[This is really cool especially for me old dhtml dude/today XSLT dude (and seems like AJAX dude tomorrow). $(&#8220;ul#menu&#62;li[ul] a.active&#8221;).toggle(function(){} So, what is going on above? I am writing CSS selectors combined with XPath to target specific elements. Library that (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2006/08/08/when-javascript-is-cool/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>This is really cool especially for me old dhtml dude/today XSLT dude (and seems like AJAX dude tomorrow).</p>
<p><strong>$(&#8220;ul#menu&gt;li[ul] a.active&#8221;).toggle(function(){}</strong></p>
<p>So, what is going on above? I am writing CSS selectors combined with XPath to target specific elements. Library that makes this all possible is called <a href="http://jQuery.com">jQuery</a></p>
<p><a href="http://jquery.com/docs/XPath/"> XPath</a> is a part of a part of it&#8217;s jQuery <a href="http://jquery.com/docs/BaseExpression/">expression language</a> together with  <a href="http://jquery.com/docs/CSS/">CSS</a>.<br />
jQuery is really worth of checking out.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/08/08/when-javascript-is-cool/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Yahoo Mail Worm</title>
		<link>http://www.jpkeisala.com/blog/2006/06/15/yahoo-mail-worm/</link>
		<comments>http://www.jpkeisala.com/blog/2006/06/15/yahoo-mail-worm/#comments</comments>
		<pubDate>Thu, 15 Jun 2006 07:28:33 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[JavaScripting]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/v6/2006/06/15/yahoo-mail-worm/</guid>
		<description><![CDATA[Now that the Rich Internet Applications are getting more and more popular, just like any other environment we are getting problems from the bad guys.  Now that the door is opened publicly there will be lots of crackers crawling through (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2006/06/15/yahoo-mail-worm/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">Now that the Rich Internet Applications are getting more and more popular, just like any other environment we are getting problems from the bad guys.  Now that the door is opened publicly there will be lots of crackers crawling through AJAX codes and finding holes to insert their own little exploits, this of course means that more security problems like the Yamanner worm are along the way.</p>
<p class="MsoNormal">What makes it a problem in AJAX world is that source-code is relatively easy to get and for writing an exploit you don’t have to be a clever guy, it’s pretty easy. <span />Also for AJAX developers it’s very hard to filter out possible exploits and write safe JavaScript.</p>
<p class="MsoNormal">So how to solve security problems that JavaScript brings us?</p>
<p class="MsoNormal">
Btw: Here is a <a href="http://groovin.net/stuff/yammer.txt">source of XHR object</a> that made all this possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2006/06/15/yahoo-mail-worm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Bar Graphs with CSS</title>
		<link>http://www.jpkeisala.com/blog/2005/12/28/creating_bar_graphs_with_css/</link>
		<comments>http://www.jpkeisala.com/blog/2005/12/28/creating_bar_graphs_with_css/#comments</comments>
		<pubDate>Wed, 28 Dec 2005 11:16:06 +0000</pubDate>
		<dc:creator>jp</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScripting]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://www.jpkeisala.com/blog/?p=220</guid>
		<description><![CDATA[Polls or graphs are usually images generated from desktop software or web scripts perhaps sometimes flash+xml, and when it comes to web it is too much resource consuming to generate image on the fly. Since we don&#8217;t have CANVAS or (&#8230;)</p><p><a href="http://www.jpkeisala.com/blog/2005/12/28/creating_bar_graphs_with_css/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>Polls or graphs are usually images generated from desktop software or web scripts perhaps sometimes flash+xml, and when it comes to web it is too much resource consuming to generate image on the fly.<br />
Since we don&#8217;t have <a href="http://developer.mozilla.org/en/docs/Category:HTML:Canvas">CANVAS</a> or <a href="http://developer.mozilla.org/en/docs/SVG">SVG</a> yet on wide use there is a CSS trick.<br />
The idea of using CSS to generate Bar Graphs could be very interesting in this case, and Apples to Oranges have a pretty interesting article describing in details how to create <a href="http://apples-to-oranges.com/blog/article.aspx?id=55">Bar Graphs with CSS</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jpkeisala.com/blog/2005/12/28/creating_bar_graphs_with_css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

