<?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>WipWapWebDesign</title>
	<atom:link href="http://blog.wipwapwebdesign.nl/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.wipwapwebdesign.nl</link>
	<description>JavaScript your eyes out.</description>
	<lastBuildDate>Tue, 05 Oct 2010 14:42:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Classical inheritance in JavaScript</title>
		<link>http://blog.wipwapwebdesign.nl/2010/08/classical-inheritance-in-javascript/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/08/classical-inheritance-in-javascript/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 18:50:02 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[OOP]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=756</guid>
		<description><![CDATA[JavaScript currently lacks classes in the classical sense, but it can be made to imitate classical class-based inheritance hierarchies with a few simple helper functions.
 There&#8217;s a lot of different opinions on how JavaScript should be made to imitate classical inheritance patterns. The below is just one method of many.  
JavaScript Class
The JavaScript object [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/08/classical-inheritance-in-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What does &#8216;this&#8217; mean inside my JavaScript function</title>
		<link>http://blog.wipwapwebdesign.nl/2010/08/what-does-this-mean/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/08/what-does-this-mean/#comments</comments>
		<pubDate>Sun, 01 Aug 2010 19:39:15 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[OOP]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=732</guid>
		<description><![CDATA[In JavaScript the behavior of the  &#8216;this&#8216; keyword inside a closure created by a function/method can be confusing at times. But &#8216;this&#8217; doesn&#8217;t have to be a real problem. The rules that govern what &#8216;this&#8216; denotes inside a function call are actually few and simple. There&#8217;s only a few different situations that need to [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/08/what-does-this-mean/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript Object Oriented Programming &#8211; Prototypal Inheritance</title>
		<link>http://blog.wipwapwebdesign.nl/2010/07/javascript-object-oriented-programming-prototypal/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/07/javascript-object-oriented-programming-prototypal/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 13:44:37 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=692</guid>
		<description><![CDATA[
Although conceptually simpler than classical model &#8211; the prototypal model offers much more flexibility in the implementation of inheritance, making it easier for for a variety of more complex code reuse patterns to evolve.

D. Crockford is often quoted as referring to JavaScript as being conflicted in it&#8217;s protypal nature. According to Crockford JavaScript&#8217;s implementation of [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/07/javascript-object-oriented-programming-prototypal/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JavaScript Object Oriented Programming</title>
		<link>http://blog.wipwapwebdesign.nl/2010/06/javascript-object-oriented-programming/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/06/javascript-object-oriented-programming/#comments</comments>
		<pubDate>Sun, 20 Jun 2010 20:38:39 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ActionScript]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=654</guid>
		<description><![CDATA[Practical usage of classical object oriented programming methodology in any scripting or programming language can usually be explained by setting apart the language-specific implementation of the principles of polymorphism, inheritance and encapsulation. 
JavaScript is somewhat of a different animal when it comes to object oriented programming. It is one of the few widely spread (or [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/06/javascript-object-oriented-programming/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>@font-face</title>
		<link>http://blog.wipwapwebdesign.nl/2010/06/font-face/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/06/font-face/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 21:11:27 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[font]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=629</guid>
		<description><![CDATA[A big handicap graphic design for the web had to put up with until recently was being limited to a small number of &#8216;web-safe&#8216; fonts. These web-safe fonts  were the lucky few considered so widespread that the chances of having a visitor that didn&#8217;t have them installed were negligible. 
The fact that something as [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/06/font-face/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS gradients</title>
		<link>http://blog.wipwapwebdesign.nl/2010/06/css-gradients/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/06/css-gradients/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 18:55:06 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Faster websites]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gradient]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=600</guid>
		<description><![CDATA[CSS gradients promise a great leap forward for the graphical capabilities of CSS. A CSS gradient is in fact a browser-generated image, consisting of smooth fades between several colors. Letting CSS create these will decrease download times and allows for many new interesting DHTML possibilities.
Both linear and radial gradients are supported by the new CSS [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/06/css-gradients/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 RGBA color opacity</title>
		<link>http://blog.wipwapwebdesign.nl/2010/05/css3-rgba-color-opacity/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/05/css3-rgba-color-opacity/#comments</comments>
		<pubDate>Sun, 30 May 2010 20:56:00 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[alpha]]></category>
		<category><![CDATA[opacity]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=581</guid>
		<description><![CDATA[In CSS 3 the RGB color model has been extended to include an alpha value, thus becoming an RGBA color model. The alpha value sets the opacity of the color specified by the Red Green Blue combination specified before it.

RGBA specification
Unlike RGB values there is no hexadecimal notation available for the RGBA values. The alpha [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/05/css3-rgba-color-opacity/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS multi column text</title>
		<link>http://blog.wipwapwebdesign.nl/2010/05/css-multi-column-text/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/05/css-multi-column-text/#comments</comments>
		<pubDate>Sun, 23 May 2010 16:02:01 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=539</guid>
		<description><![CDATA[CSS 3 provides a new collection of column properties that allow you to easily distribute a HTML container&#8217;s textual content over multiple vertical columns. At the time of writing this property is supported by Mozilla and Webkit browsers, and -moz /    -webkit vendor prefixes are still needed. 


‘column-count’, to determine the number [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/05/css-multi-column-text/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Text shadow</title>
		<link>http://blog.wipwapwebdesign.nl/2010/05/css-text-shadow/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/05/css-text-shadow/#comments</comments>
		<pubDate>Sun, 23 May 2010 10:38:08 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[drop shadow]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=525</guid>
		<description><![CDATA[CSS 3 allows you to add drop shadows to text. The text-shadow property&#8217;s syntax doesn&#8217;t require vendor specific prefixes. That means this method for adding shadows behind text is finalized.  

Browsers support for text-shadow
The syntax for adding shadow behind your text in CSS uses the new text-shadow property which is supported in most non [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/05/css-text-shadow/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash alternatives already</title>
		<link>http://blog.wipwapwebdesign.nl/2010/04/flash-alternatives-already/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/04/flash-alternatives-already/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 19:22:31 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=497</guid>
		<description><![CDATA[Flash (&#8220;Adobe Flash&#8221; formerly  Macromedia Flash, and even longer ago as FutureSplash), has in recent years finally gotten some serious competition. Oddly this hasn&#8217;t really happened often yet in Flash&#8217;s fifteen years of existence.

Although for years the Flash player reigned supreme in certain area&#8217;s of rich internet development, such as animation and multimedia delivery, [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/04/flash-alternatives-already/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 rounded corners</title>
		<link>http://blog.wipwapwebdesign.nl/2010/04/css3-rounded-corners/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/04/css3-rounded-corners/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 22:09:06 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=459</guid>
		<description><![CDATA[CSS 3  finally delivers specifications for the rounding of corners. CSS 3  allows you to specify a radius for the corners of an element. This offers the promise of no longer having to use awkward rounded corner / border hacks based on images or CSS / JavaScript for such a simple graphic effect.
At [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/04/css3-rounded-corners/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5 canvas transformations</title>
		<link>http://blog.wipwapwebdesign.nl/2010/03/html5-canvas-transformations/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/03/html5-canvas-transformations/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 00:59:11 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[transform]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=424</guid>
		<description><![CDATA[Once the contents of a canvas element have been drawn using the 2d context drawing methods or image loading methods you can start using transformation methods to manipulate the drawing state.
To keep track of drawing states you use the canvas 2d context&#8217;s save() and restore() methods.
The save() method pushes a copy of the current drawing [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/03/html5-canvas-transformations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using images in HTML5 Canvas</title>
		<link>http://blog.wipwapwebdesign.nl/2010/03/using-images-in-html5-canvas/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/03/using-images-in-html5-canvas/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 21:15:01 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=400</guid>
		<description><![CDATA[The html5 canvas element 2d context allows you to display and manipulate image files through it&#8217;s drawImage method. The drawImage  method is overloaded to provide three sets of arguments for dealing with images.

A simple example of how these functions can be used to draw and redraw images in different proportions can be seen on [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/03/using-images-in-html5-canvas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Canvas drawing methods</title>
		<link>http://blog.wipwapwebdesign.nl/2010/02/canvas-drawing-methods/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/02/canvas-drawing-methods/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 12:02:58 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Front-end development]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=200</guid>
		<description><![CDATA[
What follows is a quick reference of the canvas element&#8217;s 2d context drawing methods. For more extensive specifications and discussions of the canvas element visit the WHATWG canvas specifications or the canvas tutorial on Mozilla.org.


To start using the canvas element&#8217;s drawing API we first create a reference to a context to draw in inside a [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/02/canvas-drawing-methods/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Canvas element</title>
		<link>http://blog.wipwapwebdesign.nl/2010/02/canvas-element/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/02/canvas-element/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 22:34:43 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Front-end development]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=153</guid>
		<description><![CDATA[The canvas element is a HTML element that allows you to draw and animate bitmap graphics using a scripting interface. It is nowadays part of the HTML5 specifications as propounded by the W3C and the WHATWG.

Canvas browser support
The canvas element was first introduced by Apple in it&#8217;s Mac OS X Dashboard environment around 2005, after [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/02/canvas-element/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS 3 drop shadow</title>
		<link>http://blog.wipwapwebdesign.nl/2010/02/css-drop-shadows/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/02/css-drop-shadows/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 14:43:31 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Front-end development]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[drop shadow]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=123</guid>
		<description><![CDATA[CSS 3 allows us to add drop shadows using the box-shadow directive. The box shadow directive is for creating drop shadows on box-model elements, eliminating the need for background images or JavaScript solutions to achieve this effect. The box shadow directive is not for adding shadows to text. To add drop shadow to text nodes [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/02/css-drop-shadows/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating a simple Gadget for iGoogle</title>
		<link>http://blog.wipwapwebdesign.nl/2010/02/creating-google-gadget-for-igoogle/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/02/creating-google-gadget-for-igoogle/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 09:51:46 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Social media]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/2010/02/creating-google-gadget-for-igoogle/</guid>
		<description><![CDATA[Google Gadgets are mini-applications built using XML, HTML, using JavaScript or other front-end technologies for dynamic interactions. They can be used in a growing number of Google applications such as your iGoogle homepage, Google Apps start pages, Google Toolbar, Orkut, Blogger, Google Calendar, GMail, Google Sites. Google Gadgets have been extensively documented by Google themselves. [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/02/creating-google-gadget-for-igoogle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Closure Compiler</title>
		<link>http://blog.wipwapwebdesign.nl/2010/02/google-closure-compiler/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/02/google-closure-compiler/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 22:25:00 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Faster websites]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=51</guid>
		<description><![CDATA[This is Google&#8217;sJavaScript &#8216;compiler&#8217; the  JQuery team has started using to crunch their  1.4 jQuery versions. Not really a compiler off course but more of a JavaScript compressor in the tradition of Dean Edwards&#8217; packer.
Closure Compiler is presented as part of  Google&#8217;s Closure Tools  Suite which also offers a JavaScript templating [...]]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/02/google-closure-compiler/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery 1.4 features</title>
		<link>http://blog.wipwapwebdesign.nl/2010/01/jquery-1-4-features/</link>
		<comments>http://blog.wipwapwebdesign.nl/2010/01/jquery-1-4-features/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 21:58:07 +0000</pubDate>
		<dc:creator>JorisO</dc:creator>
				<category><![CDATA[Front-end development]]></category>

		<guid isPermaLink="false">http://blog.wipwapwebdesign.nl/?p=1</guid>
		<description><![CDATA[JQuery 1.4 appeared almost a year after it's predecessor -  jQuery 1.3.2. Reason enough to assume some new features have been extensively developed in this version. Let's have  a look at what they are.]]></description>
		<wfw:commentRss>http://blog.wipwapwebdesign.nl/2010/01/jquery-1-4-features/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

