<?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; ProductReview</title>
	<atom:link href="http://www.webteacher.ws/category/productreview/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>Tue, 07 Feb 2012 14:27:16 +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>Changes in WordPress free sites</title>
		<link>http://www.webteacher.ws/2012/02/07/changes-in-wordpress-free-sites/</link>
		<comments>http://www.webteacher.ws/2012/02/07/changes-in-wordpress-free-sites/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 14:27:16 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[blogging]]></category>
		<category><![CDATA[ProductReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7655</guid>
		<description><![CDATA[I have another blog called First 50 Words. It&#8217;s one of the free WordPress blogs, with a wordpress.com URL. I use that blog to post writing prompts for writing practice. For the past few months, there has been a constant reminder on the free blog, suggesting I upgrade to pro. This would mean I&#8217;d get [...]]]></description>
			<content:encoded><![CDATA[<p>I have another blog called <a href="http://first50.wordpress.com">First 50 Words</a>. It&#8217;s one of the free WordPress blogs, with a wordpress.com URL. I use that blog to post writing prompts for writing practice. For the past few months, there has been a constant reminder on the free blog, suggesting I upgrade to pro. This would mean I&#8217;d get a &#8220;real&#8221; URL. It isn&#8217;t expensive to do. I think the last time I looked it was $17.</p>
<p>But I like things the way they are. WordPress hosts thousands, perhaps millions, of free blogs. I don&#8217;t blame them for wanting some money from all the moochers like me who are using their free services. I just don&#8217;t want to change my blog or my URL.</p>
<p>WordPress won&#8217;t leave things alone. Now they are throwing up an annoying sidebar after each post is published.</p>
<p><img class="alignnone size-full wp-image-7656" title="wordpress sidebar" src="http://www.webteacher.ws/blog/wp-content/uploads/2012/02/wordpress.jpg" alt="wordpress sidebar" width="500" height="270" /></p>
<p>To get rid of the sidebar, you have to click. What you are left seeing after you do that is the newly published post. So WordPress arbitrarily decided that the next thing I want to do every time I publish a post is 1) see an intrusive sidebar, and 2) look at the new post. Since it&#8217;s dead easy to view your published post without any urging from the WordPress interface, I don&#8217;t really need this help.</p>
<p>I can only conclude that this is WordPress&#8217; way of annoying me into going for the upgrade. It isn&#8217;t making me want to upgrade. It&#8217;s making me mad.</p>
<p>Dear WordPress, if you&#8217;re listening, I&#8217;ve used you here on Web Teacher and in other places for years. You are my favorite. You are my sunshine. You are my morning coffee. But you need to rethink the sidebar thing. Please.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/02/07/changes-in-wordpress-free-sites/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/02/07/changes-in-wordpress-free-sites/#comments">2 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/02/07/changes-in-wordpress-free-sites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>When someone reviews your work</title>
		<link>http://www.webteacher.ws/2012/01/23/when-someone-reviews-your-work/</link>
		<comments>http://www.webteacher.ws/2012/01/23/when-someone-reviews-your-work/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 14:11:59 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[blogNews]]></category>
		<category><![CDATA[ProductReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7598</guid>
		<description><![CDATA[There&#8217;s no manual for behavior on the Internet. Most people behave well without it, but not all. I&#8217;m observing an incident at another site involving a review. I publish many reviews here. Most of the time the people whose work I&#8217;m reviewing are pretty quiet about it. They may stop by to say thanks for [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s no manual for behavior on the Internet. Most people behave well without it, but not all. I&#8217;m observing an incident at another site involving a review.</p>
<p>I publish many reviews here. Most of the time the people whose work I&#8217;m reviewing are pretty quiet about it. They may stop by to say thanks for the review or tweet the URL to the review. But they aren&#8217;t spamming the review with fake positive comments. That&#8217;s what&#8217;s happening at the other site. Bad behavior, bad judgement, bad idea.</p>
<p>Don&#8217;t try to make yourself look good with comments you try to disguise as being from someone other than yourself. Instead, take some time to review the basics of successful social media and interaction on the Internet. Then behave accordingly.</p>
<p>Faked self-promotion is just sleazy.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/23/when-someone-reviews-your-work/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/23/when-someone-reviews-your-work/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/23/when-someone-reviews-your-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review: HTML5 and CSS3 Visual QuickStart Guide</title>
		<link>http://www.webteacher.ws/2012/01/11/review-html5-and-css3-visual-quickstart-guide/</link>
		<comments>http://www.webteacher.ws/2012/01/11/review-html5-and-css3-visual-quickstart-guide/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 21:31:54 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[WebDesignBookReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7551</guid>
		<description><![CDATA[product HTML5 &#38; CSS3 Visual QuickStart Guide (7th Edition)by Elizabeth Castro and Bruce Hyslop is the latest edition in the Visual QuickStart Guide series about HTML and CSS. A couple of changes are immediately noticeable about the book. Elizabeth Castro now has a co-author after producing 6 editions of this book on her own. And [...]]]></description>
			<content:encoded><![CDATA[<div class="hreview"><span class="type" style="display: none;">product</span><a href="http://www.amazon.com/gp/product/0321719611/ref=as_li_tf_il?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321719611"><img class="photo" title="affiliate link to Amazon" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&amp;Format=_SL160_&amp;ASIN=0321719611&amp;MarketPlace=US&amp;ID=AsinImage&amp;WS=1&amp;tag=musicaustincom&amp;ServiceVersion=20070822" alt="affiliate link to 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=0321719611" alt="" width="1" height="1" border="0" /></p>
<div class="description">
<p><a title="affiliate link to Amazon" href="http://www.amazon.com/gp/product/0321719611/ref=as_li_tf_tl?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321719611"><cite>HTML5 &amp; CSS3 Visual QuickStart Guide (7th Edition)</cite></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=0321719611" alt="" width="1" height="1" border="0" />by Elizabeth Castro and Bruce Hyslop is the latest edition in the Visual QuickStart Guide series about HTML and CSS. A couple of changes are immediately noticeable about the book. Elizabeth Castro now has a co-author after producing 6 editions of this book on her own. And the book reflects a change in design Peachpit is putting into all its VQS books with full color and a generally brighter appearance.</p>
<p>While Peachpit can take credit for the new look, I can see the influence of Bruce Hyslop here, too. Having read, dog-eared, and dreamed my way through the first six editions, I see a change in these books that I think Hyslop must be responsible for. There is a different tone, the sidebars are lengthier and pull in a considerable amount of information about HTML5 and CSS3 from blogs and articles by a number of web design experts.</p>
<p>There are 21 chapters taking over 500 pages. Some of the chapters are fairly massive. &#8220;Video, Audio, and Other Multimedia&#8221; gets a 38 page treatment, &#8220;Tables&#8221; on merits only 5 pages. The chapter &#8220;Defining Selectors&#8221; is particularly good. Here&#8217;s the full table of contents.</p>
<ol>
<li>Web Page Building Blocks</li>
<li>Working with Web Page Files</li>
<li>Basic HTML Structure</li>
<li>Text</li>
<li>Images</li>
<li>Links</li>
<li>CSS Building Blocks</li>
<li>Working with Style Sheets</li>
<li>Defining Selectors</li>
<li>Formatting Text with Styles</li>
<li>Layout with Styles</li>
<li>Style Sheets for Mobile to Desktop</li>
<li>Working with Web Fonts</li>
<li>Enhancements with CSS3</li>
<li>Lists</li>
<li>Forms</li>
<li>Video, Audio and Other Multimedia</li>
<li>Tables</li>
<li>Working with Scripts</li>
<li>Testing and Debugging Web Pages</li>
<li>Publishing Your Pages on the Web</li>
</ol>
<p>If your budget only allows for one HTML5 and CSS3 book, this book is a terrific way to invest your money. I&#8217;ve reviewed <a href="http://www.webteacher.ws/2010/10/26/web-design-book-review-html5-for-web-designers/"><cite>HTML5 for Web Designers</cite></a> and <a href="http://www.webteacher.ws/2011/12/22/review-introducing-html5/"><cite>Introducing HTML5</cite></a> on this blog. I think this book is better than either of those books. That&#8217;s not saying the two books mentioned are not excellent books, because they are. I&#8217;ve read both of those books carefully and I still learned new and helpful things from <cite>HTML5 and CSS3</cite>. Plus, the VQS style is inherently easy to use with each topic detailed in small step-by-step bits. It&#8217;s so easy to find the one thing you need to know at any given moment with a VQS book.</p>
<p>Another advantage of this book over the others I mentioned is that it can get a beginner going but it also offers a lot of good information for the experienced HTML and CSS wonk. If you&#8217;re teaching either of these topics, this book is classroom gold.</p>
<p>Definitely recommended.</p>
<p class="summary">Summary: Complete information about HTML5 and CSS3.</p>
<p><span class="item"><span class="reviewer vcard">A review by <a href="http://www.webteacher.ws/" rel="me">Virginia DeBolt</a></span> of<cite> HTML5 and CSS3</cite> (rating: 5 stars)</span></p>
</div>
</div>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2012. |
<a href="http://www.webteacher.ws/2012/01/11/review-html5-and-css3-visual-quickstart-guide/">Permalink</a> |
<a href="http://www.webteacher.ws/2012/01/11/review-html5-and-css3-visual-quickstart-guide/#comments">One comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2012/01/11/review-html5-and-css3-visual-quickstart-guide/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Review: Introducing HTML5</title>
		<link>http://www.webteacher.ws/2011/12/22/review-introducing-html5/</link>
		<comments>http://www.webteacher.ws/2011/12/22/review-introducing-html5/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 16:05:34 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[WebDesignBookReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7472</guid>
		<description><![CDATA[product Introducing HTML5 (2nd Edition) by Bruce Lawson and Remy Sharp is from New Riders (2012). The book includes everything from descriptions of new structural elements (like article, nav, and aside) to canvas, data storage, enabling offline, and drag and drop. It even includes some things that are not actually part of HTML5, like geolocation. [...]]]></description>
			<content:encoded><![CDATA[<div class="hreview">
<p><span class="type" style="display: none;">product</span><a href="http://www.amazon.com/gp/product/0321784421/ref=as_li_tf_il?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321784421"><img class="photo" title="affiliate link to Amazon" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&amp;Format=_SL160_&amp;ASIN=0321784421&amp;MarketPlace=US&amp;ID=AsinImage&amp;WS=1&amp;tag=musicaustincom&amp;ServiceVersion=20070822" alt="affiliate link to Amazon" border="0" /></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=0321784421" alt="" width="1" height="1" border="0" /></p>
<div class="description">
<p><a class="fn url" title="affiliate link to Amazon" href="http://www.amazon.com/gp/product/0321784421/ref=as_li_tf_tl?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321784421">Introducing HTML5 (2nd Edition)</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=0321784421" alt="" width="1" height="1" border="0" /> by Bruce Lawson and Remy Sharp is from New Riders (2012). The book includes everything from descriptions of new structural elements (like <code>article</code>, <code>nav</code>, and <code>aside</code>) to <code>canvas</code>, data storage, enabling offline, and drag and drop. It even includes some things that are not actually part of HTML5, like geolocation. There are many example codes, lots of JavaScripts and help with using new APIs to make your pages do all sorts of HTML5 tricks and magic.</p>
<p>In my opinion, the core audience for this book is the back-end developer who wants to write the scripts and do the programming to make HTML5 perform services that were not available before. The front-end developers will find the first few chapters helpful, but may be less interested in all the programming details in later chapters. (Front-end folks might consider <a href="http://www.webteacher.ws/2010/10/26/web-design-book-review-html5-for-web-designers/">HTML5 for Web Designers</a> instead.)</p>
<p>The authors get a resounding <strong>+1</strong> for including accessibility information about everything they discuss.</p>
<p>Here&#8217;s a look at the full table of contents.</p>
<ol>
<li>Main Structure: basics about doctypes, structural elements and CSS</li>
<li>Text: new structural elements and how to use them properly, the document outline, WAI-ARIA and more</li>
<li>Forms: new input types, new attributes, validation</li>
<li>Video and Audio</li>
<li>Canvas</li>
<li>Data Storage: web storage, Web SQL, and more</li>
<li>Offline: the cache manifest, applicationCache and more</li>
<li>Drag and Drop: how to, interoperability</li>
<li>Geolocation: API methods</li>
<li>Messaging and Workers: chat, messaging, threading</li>
<li>Real Time: web sockets, server-sent events</li>
<li>Polyfilling: Patching Old Browsers to Support HTML5 Today: feature detection, various scripts, Modernizr examples</li>
</ol>
<p>The book is written with a sense of humor and warmth that keep even the most tedious information from becoming boring. This is done in large part with humorous examples and illustrations. But beyond writing style, these guys really know what they are doing, and they want you to be able to do it, too. If you are looking for help with anything listed above in the book&#8217;s contents, you&#8217;ll find it here. The code examples from the book are all available for download, making the many snippets of HTML, CSS and JavaScript shown even more easy to use.</p>
<p>Definitely recommended.</p>
<p class="summary">Summary: Excellent guide for the developer who wants to put HTML5 to use right now.</p>
<p><span class="item"><span class="reviewer vcard">A review by <a href="http://www.webteacher.ws/" rel="me">Virginia DeBolt</a></span> of<cite> Introducting HTML 5</cite> (rating: 5 stars)</span></p>
</div>
</div>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/12/22/review-introducing-html5/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/12/22/review-introducing-html5/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/12/22/review-introducing-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SXSW Image Gallery</title>
		<link>http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/</link>
		<comments>http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 14:33:36 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[SXSW]]></category>
		<category><![CDATA[Wordpress image gallery]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7280</guid>
		<description><![CDATA[As I mentioned, I want to give the new WordPress Image Gallery a try. I gathered up some photos from the 2011 SXSW Interactive Conference to use as an experiment. The results? Easy to set up, easy to edit, easy to add titles and alt text. I don&#8217;t like that the thumbnails open in a [...]]]></description>
			<content:encoded><![CDATA[<p>As I <a href="http://www.webteacher.ws/2011/11/11/useful-links-responsive-images-wordpress-gallery/">mentioned</a>, I want to give the new WordPress Image Gallery a try. I gathered up some photos from the 2011 SXSW Interactive Conference to use as an experiment.</p>

<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06322/' title='South Austin wall art'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06322-150x150.jpg" class="attachment-thumbnail" alt="south Austin wall art" title="South Austin wall art" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06321/' title='Juan in a Million for Lunch'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06321-150x150.jpg" class="attachment-thumbnail" alt="Juan in a Million" title="Juan in a Million for Lunch" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06320/' title='lunch'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06320-150x150.jpg" class="attachment-thumbnail" alt="lunch" title="lunch" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06319/' title='Liz Henry'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06319-150x150.jpg" class="attachment-thumbnail" alt="Liz Henry" title="Liz Henry" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06317/' title='CSS panel'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06317-150x150.jpg" class="attachment-thumbnail" alt="CSS Panel" title="CSS panel" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06316/' title='CSS Panel'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06316-150x150.jpg" class="attachment-thumbnail" alt="CSS Panel" title="CSS Panel" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06315/' title='Molly'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06315-150x150.jpg" class="attachment-thumbnail" alt="Molly" title="Molly" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06310/' title='Majora Carter'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06310-150x150.jpg" class="attachment-thumbnail" alt="Majora Carter" title="Majora Carter" /></a>
<a href='http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/dsc06305/' title='CNN presence'><img width="150" height="150" src="http://www.webteacher.ws/blog/wp-content/uploads/2011/11/DSC06305-150x150.jpg" class="attachment-thumbnail" alt="CNN presence" title="CNN presence" /></a>

<p>The results? Easy to set up, easy to edit, easy to add titles and alt text. I don&#8217;t like that the thumbnails open in a separate window and that the Back button has to be used to return to the gallery. Putting only two thumbnails in each row would make the images large enough that users wouldn&#8217;t be so prone to click for a larger view, but still, that&#8217;s a drawback.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/11/14/sxsw-image-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review: Designing for Emotion</title>
		<link>http://www.webteacher.ws/2011/10/31/review-designing-for-emotion/</link>
		<comments>http://www.webteacher.ws/2011/10/31/review-designing-for-emotion/#comments</comments>
		<pubDate>Mon, 31 Oct 2011 12:36:17 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[general-education]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[InterfaceDesign]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDesignBookReview]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7223</guid>
		<description><![CDATA[&#160; product Designing for Emotion, written by Aarron Walter, is another of the brief but valuable books from A Book Apart. If you&#8217;ve read other books from A Book Apart you know they are high quality work from knowledgeable writers. This one is no exception. With only 7 chapters and less than 100 pages to [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<div class="hreview"><span class="type" style="display: none;">product</span></div>
<div class="hreview"><a href="http://www.abookapart.com/products/designing-for-emotion"><img class="photo" title="link to A Book Apart" src="http://www.webteacher.ws/img/designingforemotion.jpg" alt="" /></a></div>
<div class="hreview">
<div class="description">
<p><a class="fn url" href="http://www.abookapart.com/products/designing-for-emotion">Designing for Emotion</a>, written by Aarron Walter, is another of the brief but valuable books from A Book Apart. If you&#8217;ve read other books from A Book Apart you know they are high quality work from knowledgeable writers. This one is no exception.</p>
<p>With only 7 chapters and less than 100 pages to tell his tale, writer Aarron Walter gets right to it in a hurry. He explains what emotional design is and how it uses personality, humor, and positive experiences to meet human needs on web sites. Walter infuses the book with personality, humor and positive experiences, too, making it a delight to read. For example,</p>
<blockquote><p>There&#8217;s a very practical reason that emotion and memory are so closely coupled—it keeps us alive. We would be doomed to repeat negative experiences and wouldn&#8217;t be able to consciously repeat positive experiences if we had no memory of them. Imagine eating a delicious four-pound log of bacon and not having the sense to eat another the following day. That&#8217;s a life not worth living, my friend.</p></blockquote>
<p>That wasn&#8217;t the only remark in the book that made me smile. Walter does practice what he preaches.</p>
<p>He gives examples for each point he makes, giving the reader some real world examples to examine. In the chapter explaining what emotion design is, he points to Wufoo and Betabrand.</p>
<p>In the chapter on designing for humans, he talks about psychological principles that guide the emotional language and imagery web designers might employ. For example, &#8220;baby-face-bias&#8221;. Baby-face-bias triggers positive emotions with characters with large eyes, small nose and a pronounced forehead. It&#8217;s behind the successful imagery used by Brizzly, Twitter, StickyBits, and Walter&#8217;s own work at MailChimp. This chapter also talks about the use of contrast and aesthetics.</p>
<p>There&#8217;s a chapter on personality. Creating a website with personality gives users a sense of human-to-human interaction. He talks about personas and provides a detailed downloadable worksheet to help you create a design persona for your website. Online examples include Carbonmade and Housing Works.</p>
<p>In the chapter on emotional engagement, Walter talks about surprise, delight, anticipation, and priming. Examples in this chapter include Photojojo and the New Twitter. He discusses the idea of variable rewards from sites like Groupon, but I think the uncertainty of what will come next from the new app Siri on the iPhone 4S—which came out after this book was written—is a terrific example of baked in emotional engagement, surprise, delight and anticipation.</p>
<p>The next chapter is overcoming obstacles. This chapter deals with convincing users to click, sign up, complete the process and keep coming back. He discusses game theory, bribery and a sense of achievement. Mint and Dropbox are the examples described.</p>
<p>In the chapter called Forgiveness, Walter talks about what to do when you screw up, and how to help people overlook your shortcomings. Flickr is the example he uses in this chapter.</p>
<p>The final chapter is about risks and rewards. It talks about the risks of getting started with emotional design, and the rewards. CoffeeCup Software is cited as an example of how to start small with a limited time idea to see if it works. He describes the risk of starting a new site with emotional design in mind from the beginning. Designers can alienate users instead of making them feel good about a site with emotional design. Walter discusses some of those risks. He borrows the phrase <em>progressive enhancement</em> for those who want to work some personality into existing websites. The online example cites Blue Sky Resumes.</p>
<p>Finally, there is a list of resources for those who want to dig into the concepts from this book in more detail. The resources are genrally books about design principles, science, psychology, behavior, the human brain and user experience, but there are some online resources, too.</p>
<p class="summary">Summary: Brief but packed with useful concepts and concrete examples.</p>
<p><span class="item"><span class="reviewer vcard">A review by <a href="http://www.webteacher.ws/" rel="me">Virginia DeBolt</a></span> of<cite> Designing for Emotion</cite> (rating: 5 stars)</span></p>
</div>
</div>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/10/31/review-designing-for-emotion/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/10/31/review-designing-for-emotion/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/10/31/review-designing-for-emotion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Themeefy looks great for instructors</title>
		<link>http://www.webteacher.ws/2011/10/17/themeefy-looks-great-for-instructors/</link>
		<comments>http://www.webteacher.ws/2011/10/17/themeefy-looks-great-for-instructors/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 12:45:52 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[general-education]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[teaching tips]]></category>
		<category><![CDATA[UsefulLinks]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[Themeefy]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7138</guid>
		<description><![CDATA[Themeefy looks great for instructors (and students who have to do a presentation). Read more about it at Digital Inspiration, where you can look at Amit&#8217;s sample about Steve Jobs. Here&#8217;s an example from the Themeefy site. It&#8217;s free. Sign up with a Twitter or Facebook login. © vdebolt for Web Teacher, 2011. &#124; Permalink [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.themeefy.com/landing">Themeefy</a> looks great for instructors (and students who have to do a presentation). Read more about it at <a href="http://www.labnol.org/internet/magazine-with-web-content/20207/">Digital Inspiration</a>, where you can look at Amit&#8217;s sample about Steve Jobs.</p>
<p>Here&#8217;s <a href="http://www.themeefy.com/titashneogi/18694">an example</a> from the Themeefy site. It&#8217;s free. Sign up with a Twitter or Facebook login.</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/10/17/themeefy-looks-great-for-instructors/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/10/17/themeefy-looks-great-for-instructors/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/10/17/themeefy-looks-great-for-instructors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Video chat with Skype</title>
		<link>http://www.webteacher.ws/2011/10/13/video-chat-with-skype/</link>
		<comments>http://www.webteacher.ws/2011/10/13/video-chat-with-skype/#comments</comments>
		<pubDate>Thu, 13 Oct 2011 13:16:27 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[SocialMedia]]></category>
		<category><![CDATA[Digitwirl]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=7145</guid>
		<description><![CDATA[Are you aware of Digitwirl? A weekly program that provides tips on interesting technology and includes some how to help for getting started with each topic. There&#8217;s an email sign up for the weekly release. Here&#8217;s an example. © vdebolt for Web Teacher, 2011. &#124; Permalink &#124; No comment &#124;]]></description>
			<content:encoded><![CDATA[<p>Are you aware of <a href="http://digitwirl.com/">Digitwirl</a>? A weekly program that provides tips on interesting technology and includes some how to help for getting started with each topic. There&#8217;s an email sign up for the weekly release.</p>
<p>Here&#8217;s an example.</p>
<p><object id="flashObj" width="608" height="390" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashVars" value="@videoPlayer=1211725894001&amp;playerID=807027172001&amp;playerKey=AQ~~,AAAAsKKHzUk~,lU2eSZGUFSNulz5o7rZ6b5nC-FCXQKAO&amp;domain=embed&amp;dynamicStreaming=true" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1" /><param name="flashvars" value="@videoPlayer=1211725894001&amp;playerID=807027172001&amp;playerKey=AQ~~,AAAAsKKHzUk~,lU2eSZGUFSNulz5o7rZ6b5nC-FCXQKAO&amp;domain=embed&amp;dynamicStreaming=true" /><param name="allowfullscreen" value="true" /><param name="swliveconnect" value="true" /><param name="allowscriptaccess" value="always" /><param name="pluginspage" value="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" /><embed id="flashObj" width="608" height="390" type="application/x-shockwave-flash" src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1" flashVars="@videoPlayer=1211725894001&amp;playerID=807027172001&amp;playerKey=AQ~~,AAAAsKKHzUk~,lU2eSZGUFSNulz5o7rZ6b5nC-FCXQKAO&amp;domain=embed&amp;dynamicStreaming=true" base="http://admin.brightcove.com" seamlesstabbing="false" allowFullScreen="true" swLiveConnect="true" allowScriptAccess="always" flashvars="@videoPlayer=1211725894001&amp;playerID=807027172001&amp;playerKey=AQ~~,AAAAsKKHzUk~,lU2eSZGUFSNulz5o7rZ6b5nC-FCXQKAO&amp;domain=embed&amp;dynamicStreaming=true" allowfullscreen="true" swliveconnect="true" allowscriptaccess="always" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" /></object></p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/10/13/video-chat-with-skype/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/10/13/video-chat-with-skype/#comments">No comment</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/10/13/video-chat-with-skype/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review: HTML5 &amp; CSS3 for the Real World</title>
		<link>http://www.webteacher.ws/2011/07/25/review-html5-css3-for-the-real-world/</link>
		<comments>http://www.webteacher.ws/2011/07/25/review-html5-css3-for-the-real-world/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 12:39:24 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[WebDesignBookReview]]></category>
		<category><![CDATA[WebStandards]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=6786</guid>
		<description><![CDATA[product HTML5 &#38; CSS3 For The Real World, written by Alexis Goldstein, Louis Lazaris and Estelle Weyl, is from Sitepoint (2011). This book takes on several topics that could fill an entire book individually, yet manages to serve each topic well. As you can tell from the title, the book talks about HTML5 and CSS3, [...]]]></description>
			<content:encoded><![CDATA[<div class="hreview"><span class="type" style="display: none;">product</span><br />
<a href="http://www.amazon.com/gp/product/0980846900/ref=as_li_qf_sp_asin_il?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=217145&amp;creative=399373&amp;creativeASIN=0980846900"><img class="photo" title="affiliate link to Amazon.com" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&amp;Format=_SL160_&amp;ASIN=0980846900&amp;MarketPlace=US&amp;ID=AsinImage&amp;WS=1&amp;tag=musicaustincom&amp;ServiceVersion=20070822" alt="" /></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=0980846900&amp;camp=217145&amp;creative=399373" alt="" width="1" height="1" border="0" /></p>
<div class="description">
<p><a class="fn url" title="affiliate link to Amazon.com" href="http://www.amazon.com/gp/product/0980846900/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;tag=musicaustincom&amp;linkCode=as2&amp;camp=217145&amp;creative=399373&amp;creativeASIN=0980846900">HTML5 &amp; CSS3 For The Real World</a>, written by Alexis Goldstein, Louis Lazaris and Estelle Weyl, is from Sitepoint (2011). This book takes on several topics that could fill an entire book individually, yet manages to serve each topic well. As you can tell from the title, the book talks about HTML5 and CSS3, but it also goes into complementary JavaScript/API topics like geolocation, offline web apps, web storage, Canvas, SVG, drag and drop.</p>
<div class="description"> The authors specifically point to the growing mobile market, and that focus is reflected in the chapters included in the book. They say,</div>
<blockquote>
<div class="description">Mobile Safari on iOS devices like the iPhone and iPad, Opera Mini and Opera Mobile, as well as the Android operating system&#8217;s web browser all provide strong levels of HTML5 and CSS3 support. New features and technologies supported by some of those browser include CSS3 colors and opacity, the Canvas API, Web Storage, SVG, CSS3 rounded corners, Offline Web Apps, and more.</div>
</blockquote>
<p>The authors made a strong effort to be as up to date as one can possibly be in a hardcopy format. They mentioned very recent changes in HTML5. They knew what future versions of browsers were likely to support, and therefore, what vendor specific prefixes were no longer needed, or soon would not be needed.</p>
<p>The downloadable site adds valuable practical and hands-on experience with the examples in the book that many learners will appreciate. It gives you something concrete to grapple with in addition to the theoretical information behind what&#8217;s going on in a browser or other device. Since I tend to look at everything from an educator&#8217;s point of view, I think the downloadable files would be a real asset if this book was used to teach either HTML5 or CSS3 or both.</p>
<p>It&#8217;s a lot for one book, but it&#8217;s all handled well. Which makes this book a decent choice for someone who wants a single resource to guide them through the new technologies and tools that are available in and around HTML5 and CSS3. I wouldn&#8217;t recommend it for someone who didn&#8217;t already understand HTML and CSS, but it is certainly a valuable book for learning the latest information in those fields.</p>
<p class="summary">Summary: An all-inclusive resource for learning HTML5 and CSS3.</p>
<p><span class="item"><span class="reviewer vcard">A review by <a href="http://www.webteacher.ws/" rel="me">Virginia DeBolt</a></span> of<cite> HTML5 &amp; CSS3 for the Real World </cite>(rating: 5 stars)</span></p>
</div>
</div>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/07/25/review-html5-css3-for-the-real-world/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/07/25/review-html5-css3-for-the-real-world/#comments">3 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/07/25/review-html5-css3-for-the-real-world/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Modifying an hReview microformat to include HTML from schema.org</title>
		<link>http://www.webteacher.ws/2011/06/03/modifying-an-hreview-microformat-to-include-html-from-schema-org/</link>
		<comments>http://www.webteacher.ws/2011/06/03/modifying-an-hreview-microformat-to-include-html-from-schema-org/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 13:28:51 +0000</pubDate>
		<dc:creator>vdebolt</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[ProductReview]]></category>
		<category><![CDATA[SearchEngines]]></category>
		<category><![CDATA[web-education]]></category>
		<category><![CDATA[WebTeacherTips]]></category>
		<category><![CDATA[schema.org]]></category>
		<category><![CDATA[structured data]]></category>

		<guid isPermaLink="false">http://www.webteacher.ws/?p=6546</guid>
		<description><![CDATA[Google, Yahoo and Bing announced schema.org yesterday. Many sites are generated from structured data, which is often stored in databases. When this data is formatted into HTML, it becomes very difficult to recover the original structured data. Many applications, especially search engines, can benefit greatly from direct access to this structured data. On-page markup enables [...]]]></description>
			<content:encoded><![CDATA[<p>Google, Yahoo and Bing announced <a href="http://schema.org/">schema.org</a> yesterday.</p>
<blockquote><p>Many sites are generated from structured data,  	      which is often stored in databases. When this 	      data is formatted into HTML, it becomes very difficult to 	      recover the original structured data. Many applications, 	      especially search engines, can benefit greatly from direct 	      access to this structured data. On-page markup enables search  	      engines to understand the information on web pages and provide  	      richer search results in order to make it easier  	      for users to find relevant information on the web. Markup can  	      also enable new tools and applications that make use of the structure.</p>
<p>A shared markup vocabulary makes easier for webmasters to  	      decide on a markup schema and get the maximum  	      benefit for their efforts. 	      So, in the spirit of sitemaps.org, Bing, Google and Yahoo! have 	      come together to provide a shared collection of schemas that webmasters               can use.</p></blockquote>
<p>I immediately began to think about how this would apply to my frequently used hReview microformat. I looked at the <a href="http://schema.org/Book">schema for books</a>, and tried to see how I could incorporate that into a book review if I continue to use the hReview microformat to do book reviews.</p>
<p>Here&#8217;s what I came up with. I&#8217;d love comments. The additions to the hReview from the book schema are in red.</p>
<p><code> </code></p>
<pre><code>&lt;div class="hreview"
<span style="color: #ff0000;">itemscope itemtype="http://schema.org/Book"</span>&gt;
&lt;span style="display:none"&gt;product&lt;/span&gt;
&lt;p&gt;&lt;img </code>class="photo"<code> src="image.jpg" alt="alt here"&gt;&lt;/p&gt;
&lt;div </code>class="description" <code><span style="color: #ff0000;">itemprop="reviews"</span>&gt;
&lt;p&gt;&lt;a </code>class="fn url"<code> <span style="color: #ff0000;">itemprop="name url"</span> href="link here"
title="affiliate link to Amazon"&gt;&lt;cite&gt;book title
here&lt;/cite&gt;&lt;/a&gt;
by &lt;span <span style="color: #ff0000;">itemprop="author"</span>&gt;author's name&lt;/span&gt; is from
 &lt;span <span style="color: #ff0000;">itemprop="publisher"</span>&gt;publisher's
name&lt;/span&gt;, &lt;span <span style="color: #ff0000;">itemprop="datePublished"</span>&gt;date
here&lt;/span&gt;.
Text of the review here.&lt;/p&gt;
&lt;p&gt;Text of the review here.&lt;/p&gt;
&lt;p&gt;Text of the review here.&lt;/p&gt;
&lt;p </code>class="summary"<code>&gt;Summary: text of the summary&lt;/p&gt;
&lt;p&gt;&lt;span </code>class="reviewer vcard"<code>&gt;A review by
&lt;a href="http://www.webteacher.ws/" rel="me"&gt;Virginia
DeBolt&lt;/a&gt;&lt;/span&gt; of &lt;cite <span style="color: #ff0000;">itemprop="name"</span>&gt;
book title here&lt;/cite&gt;
&lt;span class="rating" <span style="color: #ff0000;">itemprop="rating"</span>&gt;
(rating: n stars)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre>
<h3>What I&#8217;m wondering.</h3>
<ol>
<li>Is the hReview microformat even needed since there is so much overlap between the book schema and the hReview microformat. It&#8217;s redundant. Should reviewers switch to the schema and abandon the microformat?</li>
<li>I&#8217;m wondering about putting an <code>itemprop</code> in the <code>cite</code> element, since most of the schema HTML is added with <code>span</code> tags. It seems more semantic to me.</li>
</ol>
<p>What do you think? Are schemas going to replace microformats completely?</p>
<hr />
<p><small>© vdebolt for <a href="http://www.webteacher.ws">Web Teacher</a>, 2011. |
<a href="http://www.webteacher.ws/2011/06/03/modifying-an-hreview-microformat-to-include-html-from-schema-org/">Permalink</a> |
<a href="http://www.webteacher.ws/2011/06/03/modifying-an-hreview-microformat-to-include-html-from-schema-org/#comments">6 comments</a> |

]]></content:encoded>
			<wfw:commentRss>http://www.webteacher.ws/2011/06/03/modifying-an-hreview-microformat-to-include-html-from-schema-org/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

