<?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>Interactive 1 Class&#160;Blog &#187; reading</title>
	<atom:link href="http://interactive1.workhq.org/blog/tag/reading/feed/" rel="self" type="application/rss+xml" />
	<link>http://interactive1.workhq.org/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 11 May 2010 00:56:10 +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>Reading/Exercise: Template&#160;Tags</title>
		<link>http://interactive1.workhq.org/blog/2010/04/21/readingexercise/</link>
		<comments>http://interactive1.workhq.org/blog/2010/04/21/readingexercise/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 23:53:57 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[assignment]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=280</guid>
		<description><![CDATA[
Dig through the WordPress Codex page on Template Tags, looking for functions that might be useful to implementing your gallery.
Use at least three functions you find there in your theme.
Write at least three short paragraphs about the functions you chose, one paragraph for each. Describe what the function does and why you chose to use [...]]]></description>
			<content:encoded><![CDATA[<ol>
<li><p>Dig through the WordPress Codex page on <a href="http://codex.wordpress.org/Template_Tags/">Template Tags</a>, looking for functions that might be useful to implementing your gallery.</p></li>
<li><p>Use at least three functions you find there in your theme.</p></li>
<li><p>Write at least three short paragraphs about the functions you chose, one paragraph for each. Describe what the function does and why you chose to use it in the theme. If you use more than three functions (you probably will), you only need to write paragraphs for three.</p></li>
</ol>

<p>This is a pass/fail assignment. In other words, you must do it. If you do, you pass. If you don&#8217;t you fail.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/04/21/readingexercise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading: WordPress&#160;Themes</title>
		<link>http://interactive1.workhq.org/blog/2010/04/07/reading-wordpress-themes/</link>
		<comments>http://interactive1.workhq.org/blog/2010/04/07/reading-wordpress-themes/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 00:26:02 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=260</guid>
		<description><![CDATA[Read:


Stepping into Template Tags. &#8220;Template Tags&#8221; are just a fancy WordPress name for function.
Template Hierarchy


These readings will be crucial to your being able to build your portfolio, so read them carefully.
]]></description>
			<content:encoded><![CDATA[<p>Read:</p>

<ul>
<li><a href="http://codex.wordpress.org/Stepping_Into_Template_Tags">Stepping into Template Tags</a>. &#8220;Template Tags&#8221; are just a fancy WordPress name for <code>function</code>.</li>
<li><a href="http://codex.wordpress.org/Template_Hierarchy">Template Hierarchy</a></li>
</ul>

<p>These readings will be crucial to your being able to build your portfolio, so read them carefully.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/04/07/reading-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Reading: Intro to&#160;PHP</title>
		<link>http://interactive1.workhq.org/blog/2010/03/31/reading-intro-to-php/</link>
		<comments>http://interactive1.workhq.org/blog/2010/03/31/reading-intro-to-php/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 00:04:36 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=243</guid>
		<description><![CDATA[Read the first part of PHP Intro: Your first PHP-enabled page and PHP Intro: Something Useful. You don&#8217;t have to read the comments.

Download hello-world.zip. Open it in TextWrangler (or whatever text editor you prefer) and read through it.

Be ready to answer the following question next class:


What is the Client?
What is the Server?
What is a Server-side [...]]]></description>
			<content:encoded><![CDATA[<p>Read the first part of <a href="http://www.php.net/manual/en/tutorial.firstpage.php">PHP Intro: Your first PHP-enabled page</a> and <a href="http://www.php.net/manual/en/tutorial.useful.php">PHP Intro: Something Useful</a>. You don&#8217;t have to read the comments.</p>

<p><a href='http://interactive1.workhq.org/blog/wp-content/uploads/2010/03/hello-world.zip'>Download hello-world.zip</a>. Open it in TextWrangler (or whatever text editor you prefer) and read through it.</p>

<h2>Be ready to answer the following question next class:</h2>

<ul>
<li>What is the <em>Client</em>?</li>
<li>What is the <em>Server</em>?</li>
<li>What is a <em>Server-side Language</em>?</li>
<li>What is a variable in PHP? What is the syntax for a variable?</li>
<li>What is a function? How do you define a function?</li>
<li>What does a PHP tag look like?</li>
<li>Any other question related to the reading I care to ask&#8230;</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/03/31/reading-intro-to-php/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Reading:&#160;Forms</title>
		<link>http://interactive1.workhq.org/blog/2010/03/29/reading-forms/</link>
		<comments>http://interactive1.workhq.org/blog/2010/03/29/reading-forms/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 23:34:23 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=232</guid>
		<description><![CDATA[Read Web Standards Solutions, Chapter 5: Forms.

Download and tinker with the code examples in chapter5.html. Open it in your browser. What effect does the type attribute have on the markup? Can you change the form styling to customize your form?

Forms are how we send information to the server. What is a server? When you go [...]]]></description>
			<content:encoded><![CDATA[<p>Read <em>Web Standards Solutions</em>, Chapter 5: <strong>Forms</strong>.</p>

<p>Download and tinker with the <a href="http://www.friendsofed.com/download.html?isbn=1430219203">code examples in <code>chapter5.html</code></a>. Open it in your browser. What effect does the <code>type</code> attribute have on the markup? Can you change the form styling to customize your form?</p>

<p>Forms are how we send information to the <em>server</em>. What is a server? When you go to a website, what you&#8217;re actually doing is talking to another computer out in the world somewhere. The website&#8217;s <code>URL</code> is like an address for that computer. In developer-speak your computer is called the <em>Client</em>, and the computer whose address you are visiting is called the <em>Server</em>. Our <em>client</em> can send information to the <em>server</em>. The server can then do things with that information, like serving up a custom page.</p>

<h2>Be ready to answer the following questions during Q/A next week</h2>

<ul>
<li>The <code>&lt;input /&gt;</code> element is used to create a form field that lets the user pass data to the server. What is the effect of the <code>type</code> attribute on input elements?</li>
<li>What are some of the benefits of using the <code>&lt;label&gt;</code> tag in a form?</li>
<li>What is the HTML tag for grouping a set of form fields?</li>
</ul>

<p><small><strong>Beware:</strong> There is a typo in the code example on pg 64. The code reads <code>&lt;divlabel for...</code>. It should read <code>&lt;div&gt;&lt;label for...</code>.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/03/29/reading-forms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading</title>
		<link>http://interactive1.workhq.org/blog/2010/03/10/reading-10/</link>
		<comments>http://interactive1.workhq.org/blog/2010/03/10/reading-10/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 01:07:16 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=220</guid>
		<description><![CDATA[Read and review CSS Mastery, Chapter 2.

Take careful note of the sections Common Selectors, Pseudo-classes, The Cascade and Specificity.
]]></description>
			<content:encoded><![CDATA[<p>Read and review CSS Mastery, <strong>Chapter 2</strong>.</p>

<p>Take careful note of the sections <strong>Common Selectors</strong>, <strong>Pseudo-classes</strong>, <strong>The Cascade and Specificity</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/03/10/reading-10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading:&#160;Typography</title>
		<link>http://interactive1.workhq.org/blog/2010/03/08/reading-typography/</link>
		<comments>http://interactive1.workhq.org/blog/2010/03/08/reading-typography/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 00:39:08 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=204</guid>
		<description><![CDATA[Your readings for this class are from webtypography.net, an excellent resource that takes suggestions from Binghursts&#8217; classic Elements of Typographic Style and shows you how to accomplish them with CSS.


Set ragged if ragged setting suits the text and page
Choose a comfortable measure
Choose a basic leading that suits the typeface, text and measure

]]></description>
			<content:encoded><![CDATA[<p>Your readings for this class are from <em>webtypography.net</em>, an excellent resource that takes suggestions from Binghursts&#8217; classic <em>Elements of Typographic Style</em> and shows you how to accomplish them with CSS.</p>

<ul>
<li><a href="http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.3/">Set ragged if ragged setting suits the text and page</a></li>
<li><a href="http://webtypography.net/Rhythm_and_Proportion/Horizontal_Motion/2.1.2/">Choose a comfortable measure</a></li>
<li><a href="http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.1/">Choose a basic leading that suits the typeface, text and measure</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/03/08/reading-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading</title>
		<link>http://interactive1.workhq.org/blog/2010/02/24/reading-9/</link>
		<comments>http://interactive1.workhq.org/blog/2010/02/24/reading-9/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 23:28:01 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=183</guid>
		<description><![CDATA[CSS Mastery, Chapter 5: Styling Links
]]></description>
			<content:encoded><![CDATA[<p>CSS Mastery, Chapter 5: Styling Links</p>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/02/24/reading-9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading</title>
		<link>http://interactive1.workhq.org/blog/2010/02/17/reading-7/</link>
		<comments>http://interactive1.workhq.org/blog/2010/02/17/reading-7/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 01:27:13 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=139</guid>
		<description><![CDATA[
The BBC walks through the process of re-designing their website. This is a perfect example of how designing for the web is about creating flexible systems.
Expression Engine shares their re-design process.
CSS Mastery, Chapter 11, Case study.

]]></description>
			<content:encoded><![CDATA[<ul>
<li>The BBC walks through <a href="http://www.bbc.co.uk/blogs/bbcinternet/2010/02/a_new_global_visual_language_f.html">the process of re-designing their website</a>. This is a perfect example of how designing for the web is about creating flexible systems.</li>
<li><a href="http://www.digital-web.com/articles/redesigning_the_expressionengine_site/">Expression Engine shares their re-design process</a>.</li>
<li>CSS Mastery, Chapter 11, Case study.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/02/17/reading-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading</title>
		<link>http://interactive1.workhq.org/blog/2010/02/10/reading-6/</link>
		<comments>http://interactive1.workhq.org/blog/2010/02/10/reading-6/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 16:13:20 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=116</guid>
		<description><![CDATA[
CSS Mastery, Chapter 6, Styling Lists and Creating Nav Bars


Extra street cred


What would you use as an icon for the action &#8220;clear&#8221;?
Check out the Wikipedia article on Affordance

]]></description>
			<content:encoded><![CDATA[<ul>
<li>CSS Mastery, Chapter 6, Styling Lists and Creating Nav Bars</li>
</ul>

<h2>Extra street cred</h2>

<ul>
<li>What would you use as an <a href="http://www.panic.com/blog/2010/02/clear/">icon for the action &#8220;clear&#8221;</a>?</li>
<li>Check out the <a href="http://en.wikipedia.org/wiki/Affordance">Wikipedia article on Affordance</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/02/10/reading-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reading</title>
		<link>http://interactive1.workhq.org/blog/2010/02/08/reading-5/</link>
		<comments>http://interactive1.workhq.org/blog/2010/02/08/reading-5/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 14:33:06 +0000</pubDate>
		<dc:creator>Gordon Brander</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[reading]]></category>

		<guid isPermaLink="false">http://interactive1.workhq.org/blog/?p=89</guid>
		<description><![CDATA[
Web Standards Solutions, Chapter 12, CSS Layouts.
Watch this video: http://johnnyholland.org/2009/10/30/johnny-tv-features-drawing-ideas-and-communicating-interaction/. How can sketching be used to improve interactive design for the web?
http://stndrd.org/ is a great resource for learning about the design process.


Download and read: http://stndrd.org/files/Stndrd_Digital_Process.pdf
Read this page on digital design process http://stndrd.org/wiki/index.php?title=Digital_Production_Process


]]></description>
			<content:encoded><![CDATA[<ul>
<li><p>Web Standards Solutions, <strong>Chapter 12, CSS Layouts</strong>.</p></li>
<li><p>Watch this video: <a href="http://johnnyholland.org/2009/10/30/johnny-tv-features-drawing-ideas-and-communicating-interaction/">http://johnnyholland.org/2009/10/30/johnny-tv-features-drawing-ideas-and-communicating-interaction/</a>. How can sketching be used to improve interactive design for the web?</p></li>
<li><p><a href="http://stndrd.org/">http://stndrd.org/</a> is a great resource for learning about the design process.</p>

<ul>
<li><p>Download and read: <a href="http://stndrd.org/files/Stndrd_Digital_Process.pdf">http://stndrd.org/files/Stndrd_Digital_Process.pdf</a></p></li>
<li><p>Read this page on digital design process <a href="http://stndrd.org/wiki/index.php?title=Digital_Production_Process">http://stndrd.org/wiki/index.php?title=Digital_Production_Process</a></p></li>
</ul></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://interactive1.workhq.org/blog/2010/02/08/reading-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

