<?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>Blogfreakz - Web Design and Web Development resources &#187; javascri</title>
	<atom:link href="http://blogfreakz.com/tag/javascri/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogfreakz.com</link>
	<description>A site dedicated to keeping up with the latest trends on Web Design</description>
	<lastBuildDate>Thu, 24 May 2012 05:41:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>CAKE &#8211; Canvas Animation Kit Experiment</title>
		<link>http://blogfreakz.com/javascript/canvas-animation-kit-experiment/</link>
		<comments>http://blogfreakz.com/javascript/canvas-animation-kit-experiment/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 21:19:26 +0000</pubDate>
		<dc:creator>Mufti Ali</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascri]]></category>

		<guid isPermaLink="false">http://blogfreakz.com/?p=3082</guid>
		<description><![CDATA[CAKE is a JavaScript library that allows you to use the HTML5 canvas element as a scenegraph, much like an SVG or other vector image. CAKE gives web developers the ability to build up a canvas element with individual elements, much like a vector image, rather than having to deal with pixels. In this current [...]]]></description>
			<content:encoded><![CDATA[<p><strong>CAKE</strong> is a <strong>JavaScript library that allows you to use the HTML5 canvas element as a scenegraph</strong>, much like an SVG or other vector image. CAKE gives web developers the ability to build up a canvas element with individual elements, much like a vector image, rather than having to deal with pixels.</p>
<p><span id="more-3082"></span><img class="alignnone size-full wp-image-3083" title="CakeJs" src="http://blogfreakz.com/wp-content/uploads/2010/01/CakeJs.png" alt="CakeJs CAKE   Canvas Animation Kit Experiment " width="600" height="460" /></p>
<p>In this current release, CAKE has a lot of demo page that you can use for learning <em>HTML5 Canvas</em> or just for inspiratons for the next project. It has big size, so this tips maybe useful to minify the file size:</p>
<ul>
<li>Use a JavaScript minifier <a rel="nofollow" href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a> is excellent.)</li>
<li>Enable your webserver&#8217;s mod_deflate-equivalent.</li>
<li>If you don&#8217;t minify CAKE, it&#8217;ll be 200 kB in size. Minified it&#8217;s 100 kB and further gzip-compresses to 28 kB.</li>
<li>See <a rel="nofollow" href="http://code.google.com/p/cakejs/wiki/MinimizingDownloadSize">MinimizingDownloadSize</a> for more details.</li>
</ul>
<p><strong>Demo</strong>:</p>
<h5>Example code</h5>
<ul>
<li><a rel="nofollow" href="http://glimr.rubyforge.org/cake/hello_world.html">Hello, world!</a> (<a rel="nofollow" href="http://cakejs.googlecode.com/svn/trunk/examples/hello_world.html">source</a>)</li>
<li><a rel="nofollow" href="http://glimr.rubyforge.org/cake/canvas.html">Demo page</a></li>
</ul>
<h5>Rich graphics</h5>
<ul>
<li><a rel="nofollow" href="http://cs.helsinki.fi/u/ilmarihe/canvas_animation_demo/mozcampeu09.html">HTML5 Canvas animation demo</a> &#8211; works best on Google Chrome (and working OpenGL drivers.)</li>
<li><a rel="nofollow" href="http://glimr.rubyforge.org/cake/redesign.html">Flashy website without Flash</a> &#8211; silly and a way too heavy drawing load. It&#8217;s more of a browser benchmark than something you could realistically use.</li>
</ul>
<h5>Games</h5>
<ul>
<li><a rel="nofollow" href="http://glimr.rubyforge.org/cake/missile_fleet.html">Missile Fleet</a> &#8211; a game written with CAKE</li>
<li><a rel="nofollow" href="http://jeko.free.fr/megapong">Web Mega Pong</a> &#8211; another game written with CAKE</li>
</ul>
<h5>File formats</h5>
<ul>
<li><a rel="nofollow" href="http://glimr.rubyforge.org/cake/canvasmage.html">CanvasMage</a> &#8211; a simple vector image format written in JavaScript</li>
</ul>
<p><strong>Tutorial</strong>: <a rel="nofollow" href="http://www.codeproject.com/KB/scripting/GettingStartedWithCAKE.aspx" target="_blank">http://www.codeproject.com/KB/scripting/GettingStartedWithCAKE.aspx</a><br />
<strong>License</strong>: <a rel="nofollow" href="http://en.wikipedia.org/wiki/MIT_license">MIT license</a><br />
<a rel="nofollow" href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2009/08/24/cake-programming-tutrorials.aspx#ixzz0dTGbMMgN"></a><br />
<h4>Incoming search terms for the article:</h4>
<ul>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="html5 animation editor">html5 animation editor</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="jquery canvas animation">jquery canvas animation</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="canvas animation">canvas animation</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="Cake html5">Cake html5</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="HTML5 animation demo">HTML5 animation demo</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="html5 cake">html5 cake</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="cake animation">cake animation</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="canvas animation editor">canvas animation editor</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="web canvas animation">web canvas animation</a></li>
<li><a href="http://blogfreakz.com/javascript/canvas-animation-kit-experiment/" title="jquery animation editor">jquery animation editor</a></li>
</ul>
<p><!-- SEO SearchTerms Tagging 2 Plugin --></p>
]]></content:encoded>
			<wfw:commentRss>http://blogfreakz.com/javascript/canvas-animation-kit-experiment/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

