<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Digital Interactive Design 2010</title>
	<atom:link href="http://did2010.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://did2010.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Fri, 11 Jun 2010 00:00:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='did2010.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Digital Interactive Design 2010</title>
		<link>http://did2010.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://did2010.wordpress.com/osd.xml" title="Digital Interactive Design 2010" />
	<atom:link rel='hub' href='http://did2010.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Assignment Hand In</title>
		<link>http://did2010.wordpress.com/2010/06/11/assignment-hand-in/</link>
		<comments>http://did2010.wordpress.com/2010/06/11/assignment-hand-in/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 00:00:29 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=35</guid>
		<description><![CDATA[Your assignments are due on Monday the 14th at 9:30am, please fill out an assignment cover sheet and hand the assignments in to Student Services in building 3. If you&#8217;ve lost your cover sheet, you can download it here &#8211; &#8230; <a href="http://did2010.wordpress.com/2010/06/11/assignment-hand-in/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=35&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Your assignments are due on Monday the 14th at 9:30am, please fill out an assignment cover sheet and hand the assignments in to Student Services in building 3. If you&#8217;ve lost your cover sheet, you can download it here &#8211; <a href="http://did2010.files.wordpress.com/2010/06/assignment-cover-sheet.docx">Assignment Cover Sheet</a>.</p>
<p>Student Services won&#8217;t accept late assignments, so if you can&#8217;t meet that deadline you&#8217;ll need to contact me and get it to me somehow. If you don&#8217;t have my email address, it is katie (at) deliciousmint.net.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/35/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=35&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/06/11/assignment-hand-in/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>The Secret Foundation of Web Design</title>
		<link>http://did2010.wordpress.com/2010/06/10/the-secret-foundation-of-web-design/</link>
		<comments>http://did2010.wordpress.com/2010/06/10/the-secret-foundation-of-web-design/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 09:25:49 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=33</guid>
		<description><![CDATA[http://www.drawar.com/articles/the-secret-foundation-of-web-design/232/<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=33&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.drawar.com/articles/the-secret-foundation-of-web-design/232/">http://www.drawar.com/articles/the-secret-foundation-of-web-design/232/</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=33&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/06/10/the-secret-foundation-of-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>jQuery Image Galleries</title>
		<link>http://did2010.wordpress.com/2010/05/28/jquery-image-galleries/</link>
		<comments>http://did2010.wordpress.com/2010/05/28/jquery-image-galleries/#comments</comments>
		<pubDate>Fri, 28 May 2010 00:05:01 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=30</guid>
		<description><![CDATA[If you do a Google search for jQuery image galleries you&#8217;ll have no shortage of options. I&#8217;d suggest finding one that seems to be very popular as it means they&#8217;ll have a good community &#38; support base that can help &#8230; <a href="http://did2010.wordpress.com/2010/05/28/jquery-image-galleries/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=30&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>If you do a <a href="http://www.google.co.nz/#hl=en&amp;source=hp&amp;q=jquery+image+galleries&amp;aq=f&amp;aqi=&amp;aql=&amp;oq=&amp;gs_rfai=&amp;fp=d5f0f4e31841ba7d">Google search for jQuery image galleries</a> you&#8217;ll have no shortage of options. I&#8217;d suggest finding one that seems to be very popular as it means they&#8217;ll have a good community &amp; support base that can help you out if you get stuck. </p>
<p>The following are jQuery galleries that I use and can recommend:</p>
<ul>
<li>jQuery Cycle &#8211; <a href="http://jquery.malsup.com/cycle/">http://jquery.malsup.com/cycle/</a></li>
<li>jCarousel &#8211; <a href="http://sorgalla.com/jcarousel/">http://sorgalla.com/jcarousel/</a></li>
<li>Nivo Slider &#8211; <a href="http://nivo.dev7studios.com/">http://nivo.dev7studios.com/</a></li>
<li>Coda Slider, can be used for text and other content too &#8211; <a href="http://jqueryfordesigners.com/coda-slider-effect/">http://jqueryfordesigners.com/coda-slider-effect/</a></li>
<li>Another Coda Slider &#8211; <a href="http://www.ndoherty.biz/demos/coda-slider/1.1.1/">http://www.ndoherty.biz/demos/coda-slider/1.1.1/</a></li>
<li>Galleria &#8211; <a href="http://galleria.aino.se/">http://galleria.aino.se/</a></li>
<li>Supersized &#8211; <a href="http://www.buildinternet.com/project/supersized">http://www.buildinternet.com/project/supersized/</a></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/30/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=30&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/05/28/jquery-image-galleries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Flash Image Galleries</title>
		<link>http://did2010.wordpress.com/2010/05/27/flash-image-galleries/</link>
		<comments>http://did2010.wordpress.com/2010/05/27/flash-image-galleries/#comments</comments>
		<pubDate>Thu, 27 May 2010 23:57:35 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=28</guid>
		<description><![CDATA[The main Flash galleries I&#8217;ve used are: SimpleViewer &#8211; http://simpleviewer.net/simpleviewer/ AutoViewer &#8211; http://simpleviewer.net/autoviewer/ James was using a different one so he may be able to give you the code for that if neither of the above options are suitable for &#8230; <a href="http://did2010.wordpress.com/2010/05/27/flash-image-galleries/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=28&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The main Flash galleries I&#8217;ve used are:</p>
<ul>
<li>SimpleViewer &#8211; <a href="http://simpleviewer.net/simpleviewer/">http://simpleviewer.net/simpleviewer/</a></li>
<li>AutoViewer &#8211; <a href="http://simpleviewer.net/autoviewer">http://simpleviewer.net/autoviewer</a>/
<li>
</ul>
<p>James was using a different one so he may be able to give you the code for that if neither of the above options are suitable for you.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/28/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=28&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/05/27/flash-image-galleries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Advice from my friends who are web designers</title>
		<link>http://did2010.wordpress.com/2010/05/27/advice-from-my-friends-who-are-web-designers/</link>
		<comments>http://did2010.wordpress.com/2010/05/27/advice-from-my-friends-who-are-web-designers/#comments</comments>
		<pubDate>Thu, 27 May 2010 23:48:33 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=26</guid>
		<description><![CDATA[I asked my designer friends for some tips for students who are learning web design. This is the advice they have for you: to have a lot of patience suggestion for them to learn and use Fireworks? out with tables, &#8230; <a href="http://did2010.wordpress.com/2010/05/27/advice-from-my-friends-who-are-web-designers/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=26&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I asked my designer friends for some tips for students who are learning web design. This is the advice they have for you:</p>
<ul>
<li>to have a lot of patience</li>
<li>suggestion for them to learn and use Fireworks? <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> out with tables, in with divs. CSS ftw.</li>
<li>Be very clear about the goal of your site is &#8211; who&#8217;s going to go to us it, why and how.</li>
<li>Set your workspace up properly &#8211; measure in pixels, get grids set to 1px increments. Keep your output device in mind&#8230;</li>
<li>Web isn&#8217;t print and can&#8217;t be treated the same. Make sure everything is &#8220;on pixel&#8221;. Be aware that you need to show clients functionality as if you don&#8217;t spell it out they can&#8217;t visualise it &amp; can potentially be disappointed with results. Communicate too much rather than not enough &#8211; your client will be nervous if you are a student, and if you explain what you&#8217;re doing and involve them in the process, they will be more understanding if you do make a mistake &#8211; and you will as web is tough. Be flexible.</li>
<li>Also remember u are not the user. Don&#8217;t just make shit up, use established conventions like YUI as a base for the important functionality</li>
<li>Make sure it&#8217;s build-able. Learn code / ask a developer pre-designing. Wireframe so u know what&#8217;s on each page &#8211; get sign off 1st!</li>
<li>Don&#8217;t be too precious about your design/build, because the client&#8217;s always going to change it at the last minute&#8230;</li>
<li>Hell yeah. Remember above all else that you&#8217;re in a service industry. People are entitled to request changes 2 your work</li>
<li>don&#8217;t forget to talk to the client about maintainance/updating time, and training if a CMS.</li>
<li>And most of all&#8230; Remember to LOL&#8230; The World Wide Web is a fun place to be.</li>
<li>Do what you say you&#8217;ll do and treat people with respect. The industry is WAY too small to be burning bridges.</li>
<li>Try something new in every project. It doesn&#8217;t have to be big new</li>
<li>Follow @smashingmag loads of good links to build skills &amp; knowledge</li>
<li>Always remember: You rock the grid, the grid doesn&#8217;t rock you.</li>
<li>It&#8217;s not print.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/26/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=26&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/05/27/advice-from-my-friends-who-are-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Week Nine</title>
		<link>http://did2010.wordpress.com/2010/05/27/week-nine/</link>
		<comments>http://did2010.wordpress.com/2010/05/27/week-nine/#comments</comments>
		<pubDate>Thu, 27 May 2010 23:23:41 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=24</guid>
		<description><![CDATA[Flickr Create a badge on Flickr&#8217;s website to embed on your website Twitter Create a badge on Twitters website to display your latest tweet(s) on your website. Create an RSS enabled micro blog using Twitters API Twitter libraries php-twitter (my &#8230; <a href="http://did2010.wordpress.com/2010/05/27/week-nine/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=24&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>Flickr</h2>
<ul>
<li><a href="http://www.flickr.com/badge.gne">Create a badge on Flickr&#8217;s website to embed on your website</a></li>
</ul>
<h2>Twitter</h2>
<ul>
<li><a href="http://twitter.com/goodies/widget_profile">Create a badge on Twitters website to display your latest tweet(s) on your website.</a></li>
<li><a href="http://carsonified.com/blog/web-apps/how-to-create-an-rss-enabled-micro-blog-with-twitter/">Create an RSS enabled micro blog using Twitters API</a></li>
<li><a href="http://apiwiki.twitter.com/Libraries">Twitter libraries</a></li>
<li><a href="http://code.google.com/p/php-twitter/">php-twitter</a> (my preferred PHP Twitter class)</li>
</ul>
<h2>Google Maps</h2>
<p>Pamela Fox from Google gave a talk called at Web09 earlier this year titles &#8220;Avoiding Red Dot Fever: Tips for Improving Usability of Maps Mashups&#8221;. It was a series of tips for ways web developers could improve the maps on their sites, based on her experiences seeing many badly-designed maps over the past two years. You can download her slides <a href="http://docs.google.com/present/view?id=dggjrx3s_153hdf2s6cm">here</a>.</p>
<h2>Mashups</h2>
<ul>
<li><a href="http://www.hypetape.com/">http://www.hypetape.com/</a> &#8211; By Jarred Bishop</li>
<li><a href="http://www.faabric.com/">http://www.faabric.com/</a> &#8211; by Jarred Bishop</li>
<li><a href="http://twistori.com/">http://twistori.com/</a> &#8211; using Twitter&#8217;s search API</li>
<li><a href="http://woozor.com/">http://woozor.com/</a> &#8211; A Google Maps / Weather.com mashup providing 10 day weather forecasts all around the world.</li>
<li><a href="http://portwiture.com/">http://portwiture.com/</a> &#8211; Grabs photography from Flickr that matches the content of your most recent Twitter updates.</li>
<li><a href="http://helveti-tweet.geenius.co.uk/">http://helveti-tweet.geenius.co.uk/</a> &#8211; A stylish stream of Twitter updates that mention the word Helvetica.</li>
<li><a href="http://lolwr.us/">http://lolwr.us/</a> &#8211; Create LOLCATS style images by matching tweets with photos from Flickr.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=24&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/05/27/week-nine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Week Eight</title>
		<link>http://did2010.wordpress.com/2010/05/07/week-eight/</link>
		<comments>http://did2010.wordpress.com/2010/05/07/week-eight/#comments</comments>
		<pubDate>Fri, 07 May 2010 23:22:20 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=22</guid>
		<description><![CDATA[Resources: How to submit a form using AJAX (so that the page doesn&#8217;t have to reload when the submit button is pressed) Stack Overflow &#8211; great resource for troubleshooting programming questions. Local mailing lists: NZ Web Dev mailing list PHP &#8230; <a href="http://did2010.wordpress.com/2010/05/07/week-eight/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=22&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>Resources:</h2>
<ul>
<li><a href="http://net.tutsplus.com/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/">How to submit a form using AJAX</a> (so that the page doesn&#8217;t have to reload when the submit button is pressed)</li>
<li><a href="http://stackoverflow.com/">Stack Overflow</a> &#8211; great resource for troubleshooting programming questions.</li>
</ul>
<h2>Local mailing lists:</h2>
<ul>
<li><a href="http://http://groups.google.co.nz/group/nz-web-dev/">NZ Web Dev mailing list</a></li>
<li><a href="http://www.phpug.org.nz/index.php/Main_Page">PHP Users group</a></li>
</ul>
<h2>Local meetups:</h2>
<ul>
<li><a href="http://meetup.co.nz/">Web Meetup</a> &#8211; the biggest, great for learning and also for meeting people in the industry. Also, free beer &amp; pizza.</li>
<li><a href="http://php.meetup.com/10/">PHP Meetup</a></li>
<li><a href="http://www.meetup.com/drupalnz/">Drupal Meetup</a> &#8211; Drupal is my favourite open source content management system</li>
<li><a href="http://www.meetup.com/Auckland-Magento-User-Group/">Magento Meetup</a> &#8211; Magento is an open source e-commerce solution</li>
<li><a href="http://girlgeekdinners.co.nz/">Girl Geek Dinners</a></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=22&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/05/07/week-eight/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Week Seven</title>
		<link>http://did2010.wordpress.com/2010/04/30/week-seven/</link>
		<comments>http://did2010.wordpress.com/2010/04/30/week-seven/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 23:21:30 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=20</guid>
		<description><![CDATA[To execute PHP on your computer: MAMP WAMP XAMPP PHP Tutorials: http://www.w3schools.com/php/ http://www.php.net/manual/en/<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=20&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>To execute PHP on your computer:</p>
<ul>
<li><a href="http://mamp.info/">MAMP</a></li>
<li><a href="http://wampserver.com/">WAMP</a></li>
<li><a href="http://www.apachefriends.org/en/xampp.html">XAMPP</a></li>
</ul>
<p>PHP Tutorials:</p>
<ul>
<li><a href="http://www.w3schools.com/php/">http://www.w3schools.com/php/</a></li>
<li><a href="http://www.php.net/manual/en/">http://www.php.net/manual/en/</a></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=20&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/04/30/week-seven/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Week Six</title>
		<link>http://did2010.wordpress.com/2010/04/23/week-six/</link>
		<comments>http://did2010.wordpress.com/2010/04/23/week-six/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 22:57:00 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=17</guid>
		<description><![CDATA[Bad HTML tags &#8211; if you are using Dreamweaver or similar, make sure it isn&#8217;t using tags like these. A tool to help create a navigation matrix, useful for creating CSS rollovers for menu items. JavaScript Frameworks: jQuery Prototype MooTools &#8230; <a href="http://did2010.wordpress.com/2010/04/23/week-six/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=17&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.htmldog.com/guides/htmlintermediate/badtags/">Bad HTML tags</a> &#8211; if you are using Dreamweaver or similar, make sure it isn&#8217;t using tags like these.</p>
<p><a href="http://www.engageinteractive.co.uk/blog/2009/08/14/from-the-lab-nav-o-matic/">A tool</a> to help create a navigation matrix, useful for creating CSS rollovers for menu items.</p>
<h2>JavaScript Frameworks:</h2>
<ul>
<li><a href="http://www.jquery.com">jQuery</a></li>
<li><a href="http://www.prototypejs.org/">Prototype</a></li>
<li><a href="http://www.mootools.net/">MooTools</a></li>
<li><a href="http://script.aculo.us/">Scriptaculous</a></li>
<li><a href="http://dojotoolkit.org/">Dojo</a></li>
<li><a href="http://www.extjs.com/">EXT Js</a></li>
</ul>
<p>Great source for learning specific effects in jQuery &#8211; <a href="http://www.jqueryfordesigners.com">jqueryfordesigners.com</a>. Also see the tutorials on <a href="http://www.jquery.com/">jquery.com</a>.</p>
<h2>Text Replacement:</h2>
<p><a href="http://www.mikeindustries.com/blog/sifr/">sIFR</a> &#8211; uses Flash.</p>
<p><a href="http://wiki.github.com/sorccu/cufon/about">Cufon</a> &#8211; I suggest using this, it&#8217;s what we covered in class.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=17&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/04/23/week-six/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
		<item>
		<title>Week Five</title>
		<link>http://did2010.wordpress.com/2010/04/01/week-five/</link>
		<comments>http://did2010.wordpress.com/2010/04/01/week-five/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 22:55:45 +0000</pubDate>
		<dc:creator>did2010</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://did2010.wordpress.com/?p=15</guid>
		<description><![CDATA[HTML Editors: Coda Espresso TextMate Notepad++ (for PC) FTP Clients: FireFTP (Firefox Add-on) Transmit Cyberduck FileZilla (Free, for all platforms) Firefox Add-ons: Firebug HTML Validator Web Developer Toolbar Colorzilla MeasureIt Recommended Books: Web Standards Solutions: The Markup and Style Handbook &#8230; <a href="http://did2010.wordpress.com/2010/04/01/week-five/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=15&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h2>HTML Editors:</h2>
<ul>
<li><a href="http://www.panic.com/coda/">Coda</a></li>
<li><a href="http://macrabbit.com/espresso/">Espresso</a></li>
<li><a href="http://macromates.com/">TextMate</a></li>
<li><a href="http://notepad-plus.sourceforge.net/">Notepad++</a> (for PC)</li>
</ul>
<h2>FTP Clients:</h2>
<ul>
<li><a href="http://fireftp.mozdev.org/">FireFTP</a> (Firefox Add-on)</li>
<li><a href="http://www.panic.com/transmit/">Transmit</a></li>
<li><a href="http://cyberduck.ch/">Cyberduck</a></li>
<li><a href="http://filezilla-project.org/">FileZilla</a> (Free, for all platforms)</li>
</ul>
<h2>Firefox Add-ons:</h2>
<ul>
<li><a href="http://getfirebug.com/">Firebug</a></li>
<li><a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator</a></li>
<li><a href="http://chrispederick.com/work/web-developer/">Web Developer Toolbar</a></li>
<li><a href="http://www.colorzilla.com/firefox/">Colorzilla</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/539">MeasureIt</a></li>
</ul>
<h2>Recommended Books:</h2>
<ul>
<li>Web Standards Solutions: The Markup and Style Handbook</li>
<li>Bulletproof Web Design</li>
<li>Handcrafted CSS</li>
<li>Designing with Web Standards</li>
<li>CSS: The Definitive Guide</li>
<li>HTML Dog: The Best-Practice Guide to XHTML and CSS</li>
<li>Sexy Web Design</li>
<li>Accessible XHTML and CSS Web Sites</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/did2010.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/did2010.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/did2010.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=did2010.wordpress.com&amp;blog=12676217&amp;post=15&amp;subd=did2010&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://did2010.wordpress.com/2010/04/01/week-five/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0200bb9174d7fdd5abe590e57153db9a?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">did2010</media:title>
		</media:content>
	</item>
	</channel>
</rss>
