<?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>Made Media &#187; javascript</title>
	<atom:link href="http://mademedia.co.uk/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://mademedia.co.uk</link>
	<description>Blog for digital media marketing agency Made Media Ltd</description>
	<lastBuildDate>Fri, 06 Jan 2012 13:16:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>A Brand New Prototype</title>
		<link>http://mademedia.co.uk/2006/03/16/a-brand-new-prototype/</link>
		<comments>http://mademedia.co.uk/2006/03/16/a-brand-new-prototype/#comments</comments>
		<pubDate>Thu, 16 Mar 2006 15:46:40 +0000</pubDate>
		<dc:creator>jake</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[technology]]></category>

		<guid isPermaLink="false">http://madeblog.dev.mmnet.co.uk/?p=15</guid>
		<description><![CDATA[With all the chaos over separation of style (CSS) and content (XHTML) as being pushed by luminary bodies such as the The Web Standards Project finally dying down, and AJAX appearing as one of the new standards in web development, Javascript is getting a chance to paint itself a new responsible image. No longer relegated [...]]]></description>
			<content:encoded><![CDATA[
<p>With all the chaos over separation of style (<acronym title="Cascading Style Sheets">CSS</acronym>) and content (<acronym title="eXtensible HyperText Markup Language">XHTML</acronym>) as being pushed by luminary bodies such as the <a title="WASP" href="http://www.webstandards.org/">The Web Standards Project</a> finally dying down, and <acronym title="Asynchronous Javascript and XML">AJAX</acronym> appearing as one of the new standards in web development, Javascript is getting a chance to paint itself a new responsible image. No longer relegated to drifting '<acronym title="Dynamic HyperText Markup Language">DHTML</acronym>' snowflakes over holiday periods, it now has some actively developed and highly useful libraries to make the 'net better for the people using it.</p>

<p>All recently used on a large project here at <strong>Made</strong>, the 'Javascript Trinity' of libraries makes javascript a joy to code:</p>

<ul>
	<li><a title="Prototype Javascript" href="http://prototype.conio.net/">Prototype</a>, the workhorse of the tree, extends the default Javascript functionality available in browsers to provide a standardised and well-structured base for further Javascript development.</li>
	<li>Built on top of Prototype, <a title="Script.aculo.us Javascript effects" href="http://script.aculo.us/">script.aculo.us</a> provides effects, drag-and-drop events, sliders and <acronym title="Asynchronous Javascript and XML">AJAX</acronym> update-in place fields amongst its many features. Accessible controls exist to make data entry easy (and sometimes even fun), stop relying on a page full of nothing but text boxes.</li>
	<li>When <acronym title="Asynchronous Javascript and XML">AJAX</acronym> was coined, a <a href="http://www.37signals.com/">lot</a> of <a title="Flickr" href="http://www.flickr.com/">people</a> dropped the only-recently-celebrated notion of clean markup and and started dumping Javascript into the middle of their otherwise-lovely <acronym title="eXtensible HyperText Markup Language">XHTML</acronym>. <a title="Apply Javascript to elements using Behavior" href="http://bennolan.com/behaviour/">Behavior</a> solves this problem by using CSS-style selectors for attaching events to certain elements.</li>
</ul>

<p>Prototype is rapidly approaching a new release, adding some brand new features:</p>

<h4>Extending elements</h4>
<p>One of Prototype's new features is the ability to add additional methods to <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> element objects. While this has been possible in some circumstances by extending the prototype of an object, the new Element.extend functionality can add methods to individual objects. Whats more, it automatically happens when you call...</p>

<h4>... the $() and $$() functions</h4>

<p>Handy functions, especially because of their terseness. The $() function in its normal use is mere shorthand for the oft-used and oft-misspelled getElementById() function, but supplied with multile parameters it will return an array of the elements with those ids. Now it will even extend each one.</p>

<p>The $$() is an even more flexible beast, returning all elements for a <acronym title="Cascading Style Sheets">CSS</acronym> selector *and* extending them. Powerful stuff, for example:</p>

<pre><code>$$('div#main img.photos').each().hide() // Would hide all photos within the 'main' container element</code></pre>

<h4>Others</h4>
<p>Many other functions exist in prototype or will appear in the next version to make our lives easier and the users' lives better. The $F() function to get the value of any form field, an each() method for ruby-style loops, $R() for creating iteratable-ranges between specified bounds, all exciting additions to a language on the up.</p>



 ]]></content:encoded>
			<wfw:commentRss>http://mademedia.co.uk/2006/03/16/a-brand-new-prototype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

