<?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>Web Teacher &#187; InterAct</title>
	<atom:link href="http://www.webteacher.ws/category/interact/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webteacher.ws</link>
	<description>Tips, web design book reviews, resources and observations for teaching and learning web development.</description>
	<lastBuildDate>Fri, 03 Feb 2012 15:01:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>HTML5 News Resource</title>
		<link>http://www.webteacher.ws/2012/01/30/html5-news-resource/</link>
		<comments>http://www.webteacher.ws/2012/01/30/html5-news-resource/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 13:40:51 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[InterAct]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebStandards]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7627</guid>
		<description><![CDATA[I invite you to follow HTML5 News on Scoop.it! You&#8217;ll find tutorials, discussions, books, videos, and more. Everything of interest that relates specifically to HTML5 will show up here. You can use this resource for learning, teaching, or keeping up with what&#8217;s happening in the web design world. © vdebolt for Web Teacher, 2012. &#124; [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.scoop.it/t/html5-news"><img class="alignnone size-full wp-image-7628" title="html5 news" src="http://www.webteacher.ws/blog/wp-content/uploads/2012/01/html5news.jpg" alt="HTML5 News" width="565" height="220" /></a></p>
<p>I invite you to follow <a href="http://www.scoop.it/t/html5-news">HTML5 News</a> on Scoop.it! You&#8217;ll find tutorials, discussions, books, videos, and more. Everything of interest that relates specifically to HTML5 will show up here. You can use this resource for learning, teaching, or keeping up with what&#8217;s happening in the web design world.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/30/html5-news-resource/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/30/html5-news-resource/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/30/html5-news-resource/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: CSS3 Cursors, Learn to Code, HTML5 in WordPress, ARIA</title>
		<link>http://www.webteacher.ws/2012/01/16/useful-links-css3-cursors-learn-to-code-html5-in-wordpress-aria/</link>
		<comments>http://www.webteacher.ws/2012/01/16/useful-links-css3-cursors-learn-to-code-html5-in-wordpress-aria/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 13:49:44 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[web-education]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7554</guid>
		<description><![CDATA[Introducing the New CSS3 Cursor Styles is at Sitepoint. Learn to Code is an new site that aspires to become a brilliant educational tool by teaching users to code using interactive and social tools. Congratulations to this new venture and wishes for much success in teaching learners to code. The Rise of HTML5 in WordPress [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sitepoint.com/css3-cursor-styles/">Introducing the New CSS3 Cursor Styles</a> is at Sitepoint.</p>
<p><a href="http://www.codecademy.com/#!/exercises/0">Learn to Code</a> is an new site that aspires to become a brilliant educational tool by teaching users to code using interactive and social tools. Congratulations to this new venture and wishes for much success in teaching learners to code.</p>
<p><a href="http://wp.tutsplus.com/articles/the-rise-of-html5-in-wordpress/">The Rise of HTML5 in WordPress</a> lists several WordPress themes that offer HTML5. This is a nice resource to use with my article <a href="http://www.webteacher.ws/2011/12/27/should-your-blog-use-responsive-web-design/">Should Your Blog Use Responsive Web Design?</a></p>
<p><a href="http://simplyaccessible.com/article/break-the-rules/">Knowing When to Break the Rules</a> from Derek Featherstone talks about validation and accessibility and ARIA.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/16/useful-links-css3-cursors-learn-to-code-html5-in-wordpress-aria/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/16/useful-links-css3-cursors-learn-to-code-html5-in-wordpress-aria/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/16/useful-links-css3-cursors-learn-to-code-html5-in-wordpress-aria/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Accessibility in 6 hours</title>
		<link>http://www.webteacher.ws/2011/03/29/accessibility-in-6-hours/</link>
		<comments>http://www.webteacher.ws/2011/03/29/accessibility-in-6-hours/#comments</comments>
		<pubDate>Tue, 29 Mar 2011 12:04:30 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[web-education]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=6264</guid>
		<description><![CDATA[Next week I&#8217;m teaching a 6 hour continuing ed class in Principles of Accessible Web Design. I have no book to guide me, but I really didn&#8217;t need one. The Accessibility course in the WaSP InterACT Curriculum gave me all the ideas I need. I thought I&#8217;d post a list of the topics I think [...]]]></description>
			<content:encoded><![CDATA[<p>Next week I&#8217;m teaching a 6 hour continuing ed class in Principles of Accessible Web Design. I have no book to guide me, but I really didn&#8217;t need one. The <a href="http://interact.webstandards.org/curriculum/front-end-development/accessibility/?overview">Accessibility course</a> in the <a href="http://interact.webstandards.org/">WaSP InterACT Curriculum</a> gave me all the ideas I need.</p>
<p>I thought I&#8217;d post a list of the topics I think I can squeeze into those 6 hours. Some of them won&#8217;t be covered in great depth, but here&#8217;s what I hope to talk about.</p>
<ul>
<li>Accessibility is About People</li>
<li>Defining Accessibility</li>
<li>Accessible Images</li>
<li>Accessible Tables</li>
<li>Accessible Navigation</li>
<li>Accessible Color Choices</li>
<li>Accessible Forms</li>
<li>Accessible Multimedia</li>
<li>Accessibility Testing</li>
</ul>
<p>Oh, jeepers. Looking at that list and thinking about trying to explain all that is 6 hours is pretty daunting. And, what am I leaving out?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/03/29/accessibility-in-6-hours/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/03/29/accessibility-in-6-hours/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/03/29/accessibility-in-6-hours/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Syntax Style for HTML5 Markup: some best practice recommendations</title>
		<link>http://www.webteacher.ws/2011/03/03/syntax-style-for-html5-markup-some-best-practice-recommendations/</link>
		<comments>http://www.webteacher.ws/2011/03/03/syntax-style-for-html5-markup-some-best-practice-recommendations/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 13:59:53 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebStandards]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=6139</guid>
		<description><![CDATA[The people involved in the WaSP InterACT Curriculum are organizing to do some updates to the free online course materials the curriculum provides to web educators (and self-taught learners). This is part of an ongoing effort to keep the InterACT web standards based curriculum up to date. In preparing to update the Web Design 1 [...]]]></description>
			<content:encoded><![CDATA[<p>The people involved in the <a href="http://interact.webstandards.org/">WaSP InterACT Curriculum</a> are organizing to do some updates to the free online course materials the curriculum provides to web educators (and self-taught learners). This is part of an ongoing effort to keep the InterACT web standards based curriculum up to date.</p>
<p>In preparing to update the <a href="http://interact.webstandards.org/curriculum/front-end-development/web-design-1/?overview">Web Design 1</a> course to bring in some material about HTML5, I surveyed the members of the WaSP education task force and others involved in InterACT as to what style of syntax we should recommend as a best practice for HTML5.</p>
<p>As you may know, the options for syntax style in HTML5 are wide open. Tags can be upper case, lower case, or camel case. Attribute values can be quoted, or not quoted. Empty elements can have a closing forward slash, or not. Other elements can be closed, or not.</p>
<p>I didn&#8217;t want to add modules for HTML5 to the Web Design 1 curriculum that simply said, &#8220;Do whatever you feel like in terms of syntax,&#8221; although that is pretty much what HTML5 allows. And I didn&#8217;t want to write something that was merely &#8220;Virginia&#8217;s ideas on HTML5 syntax.&#8221;</p>
<p>So, the survey of the WaSP education task force members went out. Consensus was reached. Here are the recommendations for HTML5 syntax. This is how we think it should be taught and written.</p>
<ul>
<li>Use lower case for tags</li>
<li>Quote attribute values</li>
<li>Don&#8217;t use the XML style trailing forward slash on empty elements (e.g., &lt;br&gt; not &lt;br /&gt;</li>
<li>Close all non-empty elements (e.g., &lt;p&gt;&lt;/p&gt; and &lt;li&gt;&lt;/li&gt; etc.)</li>
</ul>
<p>What we&#8217;re advocating as a best practice is using syntax associated with strict doctypes in past iterations of (X)HTML. However, HTML5 is not XHTML, so there&#8217;s no need to retain the trailing forward slash on empty elements.</p>
<p>Here&#8217;s your chance to add your voice to the mix. Are there any reasons why this style of syntax should not be used as a best practice for HTML5? Can you add anything else that you think is important that hasn&#8217;t been included?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/03/03/syntax-style-for-html5-markup-some-best-practice-recommendations/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/03/03/syntax-style-for-html5-markup-some-best-practice-recommendations/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/03/03/syntax-style-for-html5-markup-some-best-practice-recommendations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: distance education, W3Fools, Golden Globes</title>
		<link>http://www.webteacher.ws/2011/01/17/useful-links-distance-education-w3fools-golden-globes/</link>
		<comments>http://www.webteacher.ws/2011/01/17/useful-links-distance-education-w3fools-golden-globes/#comments</comments>
		<pubDate>Mon, 17 Jan 2011 13:46:20 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[general-education]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[SocialMedia]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebStandards]]></category>
		<category><![CDATA[Distance Education]]></category>
		<category><![CDATA[The Golden Globes]]></category>
		<category><![CDATA[The Social Network]]></category>
		<category><![CDATA[W3Fools]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=5835</guid>
		<description><![CDATA[Distance Education Access Guidelines. &#8220;The California Community College System is committed to providing equal access to education for students with disabilities. The following guidelines represent the latest opinions and advice for delivering accessible distance educational services.&#8221; Must reading for any web educator: w3Fools &#8211; A w3Schools Intervention. Here are the reputable resources recommended instead of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.htctu.net/dlguidelines/dlg_index.html">Distance Education Access Guidelines</a>. &#8220;The California Community College System is committed to providing equal  access to education for students with disabilities. The following  guidelines represent the latest opinions and advice for delivering  accessible distance educational services.&#8221;</p>
<p><strong>Must reading</strong> for any web educator: <a href="http://w3fools.com/">w3Fools &#8211; A w3Schools Intervention</a>. Here are the reputable resources recommended instead of W3Schools:</p>
<blockquote>
<ul>
<li> <a href="http://htmldog.com/">HTML Dog</a> is a fantastic and comprehensive intro for HTML and CSS.</li>
<li> <a href="http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc">Opera Web Standards Curriculum</a> covers the basics of web standards-based design in HTML and CSS.</li>
<li> <a href="http://code.google.com/edu/submissions/html-css-javascript/">Google&#8217;s HTML, CSS, and Javascript from the Ground Up</a> presents the basics of web development with video tutorials presented by Google&#8217;s expert web developers.</li>
<li> <a href="http://reference.sitepoint.com/">SitePoint</a> is a pretty good reference for HTML, CSS and JavaScript. Their  documentation always mentions feature support across different browsers,  and describes known browser bugs.</li>
<li> The W3C, itself, has a wiki-based general <a href="http://www.w3.org/html/wiki/Learn">Learn</a> page as well as an <a href="http://www.w3.org/html/wiki/Elements">HTML element reference</a>.</li>
<li><a href="https://developer.mozilla.org/en-US/docs">The MDC (Mozilla&#8217;s Doc Center)</a> takes over at intermediate CSS and  covers JavaScript better than anyone.</li>
</ul>
</blockquote>
<p>I&#8217;m sorry that the <a href="http://interact.webstandards.org/">WaSP InterACT Curriculum</a> wasn&#8217;t included in the list of reputable resources. I think it belongs there.</p>
<p><a href="http://www.webteacher.ws/blog/wp-content/uploads/2011/01/the-social-network-225-alt1.jpg"><img class="size-full wp-image-5845 alignleft" style="margin-left: 5px; margin-right: 5px;" title="scene from the social network" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/01/the-social-network-225-alt1.jpg" alt="scene from the social network" width="225" height="225" /></a> <cite>The Social Network</cite> took home awards for Best Picture, Best Director, Best Score and Best Screenplay from the Golden Globes Awards last night.</p>
<p>Maybe I&#8217;m a traitor to technology and the intersection of technology and society, but I was hoping one of the films about women – <cite>The Kids are All Right</cite> or <cite>Black Swan</cite> – would win Best Picture. Since the Golden Globes are a fair predictor of the Oscars, a movie about social media may become the Oscar winning movie of the year.</p>
<p>Were you/are you rooting for <cite>The Social Network</cite>? Should it take home the Oscar for Best Picture, too?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/01/17/useful-links-distance-education-w3fools-golden-globes/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/01/17/useful-links-distance-education-w3fools-golden-globes/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/01/17/useful-links-distance-education-w3fools-golden-globes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: HTML5 audio, AccessU West</title>
		<link>http://www.webteacher.ws/2010/12/08/useful-links-html5-audio-accessu-west/</link>
		<comments>http://www.webteacher.ws/2010/12/08/useful-links-html5-audio-accessu-west/#comments</comments>
		<pubDate>Wed, 08 Dec 2010 15:34:40 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[InterAct]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=5627</guid>
		<description><![CDATA[Probably, Maybe, No: The State of HTML5 audio by Scott Schiller looks at the theory, the practical reality, and the caveats surrounding the audio element. If you&#8217;ve been hesitating about registering for AccessU West – accessibility training from Knowbility in San Jose in January – now is the time. Use the discount code &#8220;EarlyAccess&#8221; and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://24ways.org/2010/the-state-of-html5-audio">Probably, Maybe, No: The State of HTML5</a> audio by Scott Schiller looks at the theory, the practical reality, and the caveats surrounding the audio element.</p>
<p>If you&#8217;ve been hesitating about registering for <a href="http://www.knowbility.org/accessu-west/">AccessU West</a> – accessibility training from Knowbility in San Jose in January – now is the time. Use the discount code &#8220;EarlyAccess&#8221; and get a 10% discount. Only good until December 15, so act fast. Did you know you can get Continuing education units (CEUs) through San Jose State University’s for AccessU West?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2010. |
<a href="http://www.webteacher.ws/2010/12/08/useful-links-html5-audio-accessu-west/">Permalink</a> |
<a href="http://www.webteacher.ws/2010/12/08/useful-links-html5-audio-accessu-west/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2010/12/08/useful-links-html5-audio-accessu-west/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Links: unsticky, internet TV, #askaconductor, local storage, search operator</title>
		<link>http://www.webteacher.ws/2010/12/06/useful-links-unsticky-internet-tv-askaconductor-local-storage-search-operator/</link>
		<comments>http://www.webteacher.ws/2010/12/06/useful-links-unsticky-internet-tv-askaconductor-local-storage-search-operator/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 13:26:47 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[SearchEngines]]></category>
		<category><![CDATA[SocialMedia]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[web-education]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=5623</guid>
		<description><![CDATA[25 reasons why I&#8217;ll leave your site in 10 seconds. Great read for the newbie students who are trying too much too soon. Warning to local TV: unbundled distribution is upon you is at Terry Heaton&#8217;s PoMo Blog. This seems like a huge trend to me. In fact, I&#8217;ll be posting my own article about [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://econsultancy.com/uk/blog/6924-25-reasons-why-i-ll-leave-your-website-in-10-seconds">25 reasons why I&#8217;ll leave your site in 10 seconds</a>. Great read for the newbie students who are trying too much too soon.</p>
<p><a href="http://www.thepomoblog.com/index.php/warning-to-local-tv-unbundled-distribution-is-upon-you/">Warning to local TV: unbundled distribution is upon you</a> is at Terry Heaton&#8217;s PoMo Blog. This seems like a huge trend to me. In fact, I&#8217;ll be posting my own article about trends in a day or two.</p>
<p><a href="http://www.bethkanter.org/abundance-arts/">Examples of Abundance in the Arts: Ask a Conductor on Twitter</a> at Beth&#8217;s Blog is another inspiring post about how you can use social media for good. What do you think about the idea of Ask a Web Designer? That seems a great idea, too.</p>
<p><a href="http://24ways.org/2010/html5-local-storage">Wrapping Things Nicely with HTML5 Local Storage</a> is one of the December posts at 24 Ways. (If have missed the other posts this month, check them out, too) A great intro and explanation for local storage from Christian Heilmann.</p>
<p><a href="http://www.labnol.org/internet/google-around-search-operator/18251/">An Undocumented Google Search Operator</a> is a very helpful tip.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2010. |
<a href="http://www.webteacher.ws/2010/12/06/useful-links-unsticky-internet-tv-askaconductor-local-storage-search-operator/">Permalink</a> |
<a href="http://www.webteacher.ws/2010/12/06/useful-links-unsticky-internet-tv-askaconductor-local-storage-search-operator/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2010/12/06/useful-links-unsticky-internet-tv-askaconductor-local-storage-search-operator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jeremy Keith on the Design of HTML5</title>
		<link>http://www.webteacher.ws/2010/10/23/jeremy-keith-on-the-design-of-html5/</link>
		<comments>http://www.webteacher.ws/2010/10/23/jeremy-keith-on-the-design-of-html5/#comments</comments>
		<pubDate>Sat, 23 Oct 2010 12:39:17 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[web-education]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=5388</guid>
		<description><![CDATA[This brilliant talk by Jeremy Keith is licensed for sharing with attribution to Jeremy. It is the best explanation of how HTML5 grew to where it is now and what it means to web design that I&#8217;ve ever seen. It&#8217;s more about design principles than code. Jeremy Keith &#124; The Design of HTML5 &#124; Fronteers [...]]]></description>
			<content:encoded><![CDATA[<p>This brilliant talk by Jeremy Keith is licensed for sharing with attribution to Jeremy. It is the best explanation of how HTML5 grew to where it is now and what it means to web design that I&#8217;ve ever seen. It&#8217;s more about design principles than code.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=15755349&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=15755349&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/15755349">Jeremy Keith | The Design of HTML5 | Fronteers 2010</a> from <a href="http://vimeo.com/fronteers">Fronteers</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>The transcript and a link to the slides are at <a href="http://adactio.com/articles/1704/">Adactio</a>.</p>
<p>I think this material should be included in the <a href="http://interact.webstandards.org/">InterACT curriculum</a> as an introduction to HTML5 module. With the CC license Jeremy is using that is doable. I hereby volunteer to write the educational jargon like objectives and test questions to wrap it up in so it becomes a usable curriculum module for web educators.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2010. |
<a href="http://www.webteacher.ws/2010/10/23/jeremy-keith-on-the-design-of-html5/">Permalink</a> |
<a href="http://www.webteacher.ws/2010/10/23/jeremy-keith-on-the-design-of-html5/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2010/10/23/jeremy-keith-on-the-design-of-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review: Create Stunning HTML Email that Just Works</title>
		<link>http://www.webteacher.ws/2010/07/26/review-create-stunning-html-email-that-just-works/</link>
		<comments>http://www.webteacher.ws/2010/07/26/review-create-stunning-html-email-that-just-works/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 12:06:06 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[WebDesignBookReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=4829</guid>
		<description><![CDATA[product A review by Web Teacher of Create Stunning HTML Email That Just Works (rating: 5 stars) Create Stunning HTML Email That Just Works by Mathew Patterson is from Sitepoint (2010). I have opted in to quite a few corporate emails. They all come to my inbox in HTML. Some are more effective than others. [...]]]></description>
			<content:encoded><![CDATA[<div class="hreview">
<p><span class="type" style="display: none;">product</span></p>
<p><a href="http://www.amazon.com/gp/product/0980576865?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0980576865"><img class="photo" src="http://www.webteacher.ws/img/htmlemail.jpg" alt="get HTML Email at Amazon" /></a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.com/e/ir?t=musicaustincom&amp;l=as2&amp;o=1&amp;a=0980576865" border="0" alt="" width="1" height="1" /></p>
<p class="clearleft"><span class="reviewer vcard">A review by <a rel="me" href="http://www.webteacher.ws/">Web Teacher</a></span> of <a class="fn url" href="http://www.amazon.com/gp/product/0980576865?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0980576865">Create Stunning HTML Email That Just Works</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.com/e/ir?t=musicaustincom&amp;l=as2&amp;o=1&amp;a=0980576865" border="0" alt="" width="1" height="1" /> (rating: <span class="rating">5</span> stars)<cite> Create Stunning HTML Email That Just Works</cite> by Mathew Patterson is from Sitepoint (2010).</p>
<div class="description">
<p class="clearleft">I have opted in to quite a few corporate emails. They all come to my inbox in HTML. Some are more effective than others. Some get me to click through. Some I delete without even opening. This slim book talks about how to create an effective HTML email that will get clicks and will be effective.</p>
<p class="clearleft">The chapters include</p>
<ol>
<li>Why Email?</li>
<li>Planning an Email Campaign</li>
<li>Design for the Inbox</li>
<li>Coding Your Emails</li>
<li>Understanding Permission</li>
<li>Selling Email to Your Clients</li>
</ol>
<p>The author, Mathew Patterson, works for Campaign Monitor, and he does draw from that background. He isn&#8217;t knocking you over the head with Campaign Monitor, however, and gives credit to other email campaign services like MailChimp. What he does represent is the idea of legitimate business email as opposed to spam. He talks about how to get permission from people to opt-in, how to let people unsubscribe with ease, and the legal requirements of email campaigns. He spends quite a few pages detailing the capabilities of various email applications and explains carefully what will and won&#8217;t work in most email clients.</p>
<p>I was most interested in what he had to say in the chapter on coding email. No surprise, that. If you learned to make a web page 10 or 12 years ago, you are in great shape to market yourself as an email designer. If you are learning HTML now, you aren&#8217;t learning the<em> old school</em> coding techniques needed for email. Some of the tools of the email coder:</p>
<ul>
<li>600 pixel layout tables of one or two columns</li>
<li>presentational attributes in the code for things like cellspacing, cellpadding, bgcolor, and borders</li>
<li> inline styles for things like fonts and line-height</li>
<li>reduce reliance on images</li>
<li>always use alt text</li>
<li>caption images</li>
<li>store images permanently on your web server</li>
<li>use <code>target="_blank"</code> for links</li>
</ul>
<p>In spite of the fact that some pundits have declaired email to be dead, it&#8217;s actually the most used protocol on the Internet. People who don&#8217;t do much of anything else on the Internet do use email. Companies and nonprofits rely on email for newsletters, announcements, calls to action, sales, and press releases. I think HTML email skills will be needed for a long time to come, and I think there is a niche market out there for people who can create  well designed and effective  email for a living.</p>
<p>This book opened up an educational can of worms for me. Do you think that an educational system should include the old school HTML techniques needed for effective email campaigns as a part of the curriculum? Should they be offered as a separate class or maybe a brief workshop, not a whole semester? Should the <a href="http://interact.webstandards.org/">InterACT Curriculum</a> include a module for HTML email?</p>
<p class="summary">Summary: A guide to the ethics and coding of HTML email.</p>
</div>
</div>
<p class="small">Technorati Tags: <a rel="tag" href="http://technorati.com/tag/create+stunning+html+email">Create Stunning HTML Email that Just Works</a>, <a rel="tag" href="http://technorati.com/tag/book+reviews">book reviews</a></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2010. |
<a href="http://www.webteacher.ws/2010/07/26/review-create-stunning-html-email-that-just-works/">Permalink</a> |
<a href="http://www.webteacher.ws/2010/07/26/review-create-stunning-html-email-that-just-works/#comments">2 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2010/07/26/review-create-stunning-html-email-that-just-works/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>InterACT Summit video now available</title>
		<link>http://www.webteacher.ws/2010/06/25/interact-summit-video-now-available/</link>
		<comments>http://www.webteacher.ws/2010/06/25/interact-summit-video-now-available/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 12:19:53 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[events]]></category>
		<category><![CDATA[InterAct]]></category>
		<category><![CDATA[web-education]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=4699</guid>
		<description><![CDATA[The InterACT summit can now be viewed online by all, thanks to the fantastic efforts of Environments for Humans (e4h). The event was a book launch celebration for InterACT with Web Standards and featured top notch presentations about Learning More Effectively on the Web – Denise Jacobs Content Strategy – Glenda Sims HTML5 – Chris [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://tinyurl.com/interactbookconference">InterACT summit can now be viewed online</a> by all, thanks to the fantastic efforts of <a href="http://www.environmentsforhumans.com/">Environments for Humans</a> (e4h). The event was a book launch celebration for <a href="http://interactwithwebstandards.com/">InterACT with Web Standards</a> and featured top notch presentations about</p>
<ul>
<li><strong>Learning More Effectively on the Web</strong> – <a href="http://www.denisejacobs.com/">Denise Jacobs</a></li>
<li><strong>Content Strategy</strong> – <a href="http://www.glendathegood.com/blog/">Glenda Sims</a></li>
<li><strong>HTML5</strong> – <a href="http://www.webstandards.org/about/members/cmills/">Chris Mills </a></li>
<li><strong>CSS3</strong> –  <a href="http://aarronwalter.com/">Aarron   Walter</a></li>
<li><strong>Accessibility</strong> – <a href="http://boxofchocolates.ca/">Derek Featherstone</a></li>
<li><strong>InterACT in the Classroom</strong> – <a href="http://teachtheweb.com/blog/">Leslie Jensen-Inman</a></li>
</ul>
<p>Every presentation was excellent. A few high points. Glenda Sims presentation on Content Strategy featured innovative slides that set a new standard in what is possible with Powerpoint. Derek Featherstone&#8217;s talk garnered the most interest and questions from educators who want specifics about teaching accessibility. Leslie Jensen-Inman knocked it out of the park by explaining how busy and overworked teachers can save themselves time and work with the InterACT book and curriculum.</p>
<p>If you couldn&#8217;t attend or get a seat during the original broadcast, take advantage of this terrific opportunity from e4h.</p>
<p>It requires the download and installation of Adobe Connect to view, so allow some time to futz around getting that done if you don&#8217;t already have it installed. I couldn&#8217;t get the download button to work from the link e4h sends you to, but I found it another way by searching adobe.com.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2010. |
<a href="http://www.webteacher.ws/2010/06/25/interact-summit-video-now-available/">Permalink</a> |
<a href="http://www.webteacher.ws/2010/06/25/interact-summit-video-now-available/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2010/06/25/interact-summit-video-now-available/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

