<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>A Place for CS3382</title>
	<atom:link href="http://cs50586113.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://cs50586113.wordpress.com</link>
	<description>Web Usability Design and Engineering</description>
	<lastBuildDate>Thu, 29 Nov 2007 15:11:31 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='cs50586113.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/aaee7e219895d8ab09f5d1a6c0428dd7?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>A Place for CS3382</title>
		<link>http://cs50586113.wordpress.com</link>
	</image>
			<item>
		<title>Keyword</title>
		<link>http://cs50586113.wordpress.com/2007/11/29/keyword/</link>
		<comments>http://cs50586113.wordpress.com/2007/11/29/keyword/#comments</comments>
		<pubDate>Thu, 29 Nov 2007 14:59:03 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/11/29/keyword/</guid>
		<description><![CDATA[ Keyword is a vital issue in SEO.
Good keywords are frequently searched for (high demand) but not being targeted by many other websites (low competition).
Therefore, web developer usually need to put effort on find the keyword the web site.
By using Keyword software, web site developers can find the keyword of their pages effectively and scientifically.
Besides, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=26&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p> Keyword is a vital issue in <a href="http://en.wikipedia.org/wiki/Search_engine_optimization">SEO.<br />
</a><strong>Good keywords are frequently searched for (high demand) but not being targeted by many other websites (low competition).</strong><br />
Therefore, web developer usually need to put effort on find the keyword the web site.</p>
<p>By using Keyword software, web site developers can find the keyword of their pages effectively and scientifically.<br />
Besides, web developers can also save time since &#8220;keyword suggestion&#8221; will be provided by the software.<br />
Apart from that, misspelled keyword will be shown to enhance the accuracy of the keyword.</p>
<pre><span class="pronun"><a href="http://cdict.giga.net.tw/sound/s/scientifically.wav" class="p" title="點選可聽看看 scientifically 怎麼唸"></a></span><span class="pronun">
</span></pre>
<p>The link to download keyword management software:<br />
<a href="http://www.goodkeywords.com/"> http://www.goodkeywords.com/</a></p>
<p>PS<br />
<a href="http://google.com">Google</a> also provids a similar service on keyword management:<br />
<a href="https://adwords.google.com/select/KeywordToolExternal">https://adwords.google.com/select/KeywordToolExternal</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/26/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/26/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/26/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=26&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/11/29/keyword/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://cdict.giga.net.tw/sound/s/scientifically.wav" length="12441" type="audio/x-wav" />
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>
	</item>
		<item>
		<title>Everything You Need to Know About Web 2.0</title>
		<link>http://cs50586113.wordpress.com/2007/11/22/everything-you-need-to-know-about-web-20/</link>
		<comments>http://cs50586113.wordpress.com/2007/11/22/everything-you-need-to-know-about-web-20/#comments</comments>
		<pubDate>Thu, 22 Nov 2007 08:14:03 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/11/22/everything-you-need-to-know-about-web-20/</guid>
		<description><![CDATA[Here is the article that I read recently about Web 2.0:
http://www.techsoup.org/toolkits/web2/ 

PS Here is the Best Web 2.0 software of 2006:
http://web2.socialcomputingmagazine.com/the_best_web_20_software_of_2006.htm

Among the best Web2.0 software, I highly recommend you to try to use StumbleUpon.
This software collects the good web site in the related field (e.g. computer, music, graphic designing ant etc ) recommended by the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=25&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Here is the article that I read recently about Web 2.0:<br />
<a href="http://www.techsoup.org/toolkits/web2/">http://www.techsoup.org/toolkits/web2/ </a></p>
<p><a href="http://www.techsoup.org/toolkits/web2/"></a><br />
PS Here is the Best Web 2.0 software of 2006:<br />
<a href="http://web2.socialcomputingmagazine.com/the_best_web_20_software_of_2006.htm">http://web2.socialcomputingmagazine.com/the_best_web_20_software_of_2006.htm<br />
</a></p>
<p>Among the best Web2.0 software, I highly recommend you to try to use<font face="Georgia" size="2"><a href="http://stumbleupon.com/"> StumbleUpon</a>.</font><br />
This software collects the good web site in the related field (e.g. computer, music, graphic designing ant etc ) <font><font face="Georgia" size="2">recommended by the <a href="http://stumbleupon.com/">StumbleUpon</a> user.</font></font><br />
For  my experience, I usually found a  very good web  site in the related topic by StumbleUpon.<br />
I even feel that the site is better than you search in Google.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/25/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/25/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/25/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=25&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/11/22/everything-you-need-to-know-about-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>
	</item>
		<item>
		<title>Web Style</title>
		<link>http://cs50586113.wordpress.com/2007/11/15/web-style/</link>
		<comments>http://cs50586113.wordpress.com/2007/11/15/web-style/#comments</comments>
		<pubDate>Thu, 15 Nov 2007 01:36:44 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/11/15/web-style/</guid>
		<description><![CDATA[This is the articles I read recently:
http://www.webdesignfromscratch.com/current-style.cfm
It is about the layout of current web style.
Lots of examples is listed in the article.
The style such as &#8220;Centered orientation&#8221;, 3D effect are now the trendy in web2.0 web design.
Hope you can get some ideas to make a web 2.0 style web site.
      [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=24&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>This is the articles I read recently:<br />
<a href="http://www.webdesignfromscratch.com/current-style.cfm" title="Current web Style">http://www.webdesignfromscratch.com/current-style.cfm</a></p>
<p>It is about the layout of current web style.<br />
Lots of examples is listed in the article.</p>
<p>The style such as &#8220;Centered orientation&#8221;, 3D effect are now the trendy in web2.0 web design.<br />
Hope you can get some ideas to make a web 2.0 style web site.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=24&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/11/15/web-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>
	</item>
		<item>
		<title>Banner blindness</title>
		<link>http://cs50586113.wordpress.com/2007/11/08/is-your-css-maintainable/</link>
		<comments>http://cs50586113.wordpress.com/2007/11/08/is-your-css-maintainable/#comments</comments>
		<pubDate>Thu, 08 Nov 2007 08:52:29 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/11/08/is-your-css-maintainable/</guid>
		<description><![CDATA[

Banner blindness is a phenomenon in web usability where visitors on a website ignore ignore banner-like information.
Although Ameritech web design guideline state that:
In general, the larger an item is, the greater its perceived visual importance and likelihood of attracting attention. Make sure that items of greatest important are easy to see, and clearly distinguished from [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=23&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a target="_blank" href="http://www.mybannermaker.com/"></a></p>
<p><a target="_blank" href="http://www.mybannermaker.com/"><img border="0" src="http://img388.imageshack.us/img388/5471/470f2c6a37826jq4.png" alt="Create your own banner at mybannermaker.com!" /></a></p>
<p><a target="_blank" href="http://en.wikipedia.org/wiki/Banner_blindness">Banner blindness</a> is a phenomenon in web usability where visitors on a website ignore ignore banner-like information.</p>
<p>Although Ameritech web design guideline state that:</p>
<blockquote><p>In general, the larger an item is, the greater its perceived visual importance and likelihood of attracting attention. Make sure that items of greatest important are easy to see, and clearly distinguished from other items.</p></blockquote>
<p>This may not true according to some usability testings.<br />
<a target="_blank" href="http://www.internettg.org/newsletter/dec98/banner_blindness.html">http://www.internettg.org/newsletter/dec98/banner_blindness.html</a><a target="_blank" href="http://www.internettg.org/newsletter/dec98/banner_blindness.html"></a></p>
<p>From the above testing, I get the message is <strong>&#8221; The irrelevant ads were also largely ignored by the participants &#8221; </strong>and <strong>&#8220;ignoring salient items&#8221;. </strong></p>
<p><a target="_blank" href="http://www.internettg.org/newsletter/dec98/banner_blindness.html"></a><br />
Personally, when I notice that there is a banner-like item, I usually use my past experience to determine whether I will read it. Since this banner-like item is usually an advertisement that I have no interest in my past experience, I will not fall into the trap this time!</p>
<p>PS In my opinion, <a target="_blank" href="http://AdWords.Google.com.hk">Google Ads</a> has at least two advantages over banner ad</p>
<ul>
<li>using text ads instead of using banner ads</li>
<li>the text formatting is similar to the nearby text in the web page</li>
<li>the ads may related to some words of the article in the web page</li>
</ul>
<p>PS Some figure about web advertisement:<br />
<a href="http://www.calacanis.com/2006/11/15/the-real-story-of-web-2-0-advertising-2-0/">http://www.calacanis.com/2006/11/15/the-real-story-of-web-2-0-advertising-2-0/</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/23/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/23/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/23/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=23&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/11/08/is-your-css-maintainable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>

		<media:content url="http://img388.imageshack.us/img388/5471/470f2c6a37826jq4.png" medium="image">
			<media:title type="html">Create your own banner at mybannermaker.com!</media:title>
		</media:content>
	</item>
		<item>
		<title>How to make more money?</title>
		<link>http://cs50586113.wordpress.com/2007/11/01/how-to-make-more-money/</link>
		<comments>http://cs50586113.wordpress.com/2007/11/01/how-to-make-more-money/#comments</comments>
		<pubDate>Thu, 01 Nov 2007 07:52:37 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/11/01/how-to-make-more-money/</guid>
		<description><![CDATA[Before making more money , the web site needs to attract more people first.
Here are some hints that we can do to attract people:

Email Newsletters
Informative Product Pages
High-Quality Photography
Product Differentiation and Comparisons
Support for Reordering
Simplified Text
Catering to Seniors
Gift-Giving Support
Search
User Testing

Reference from:  http://www.useit.com/alertbox/roi.html
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=22&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Before making more money , the web site needs to attract more people first.</p>
<p>Here are some hints that we can do to attract people:</p>
<ol>
<li>Email Newsletters</li>
<li>Informative Product Pages</li>
<li>High-Quality Photography</li>
<li>Product Differentiation and Comparisons</li>
<li>Support for Reordering</li>
<li>Simplified Text</li>
<li>Catering to Seniors</li>
<li>Gift-Giving Support</li>
<li>Search</li>
<li>User Testing</li>
</ol>
<p>Reference from:  <a href="http://www.useit.com/alertbox/roi.html">http://www.useit.com/alertbox/roi.html</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/22/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/22/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=22&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/11/01/how-to-make-more-money/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>
	</item>
		<item>
		<title>Is your CSS maintainable?</title>
		<link>http://cs50586113.wordpress.com/2007/10/24/browser-web-standards/</link>
		<comments>http://cs50586113.wordpress.com/2007/10/24/browser-web-standards/#comments</comments>
		<pubDate>Wed, 24 Oct 2007 23:37:16 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/10/24/browser-web-standards/</guid>
		<description><![CDATA[The layout design will be amended because of the customer suggestion.
Having maintainable CSS will be a must in order to help you a lot in rewriting it.
Here is some suggestion about writing maintainable CSS :

Breaking up your CSS into the smallest possible coherent concept
organize files into a set of directories that allow you to easily [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=21&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>The layout design will be amended because of the customer suggestion.<br />
Having maintainable CSS will be a must in order to help you a lot in rewriting it.</p>
<p>Here is some suggestion about writing maintainable CSS :</p>
<ol>
<li>Breaking up your CSS into the smallest possible coherent concept</li>
<li>organize files into a set of directories that allow you to easily figure out the purpose of each file</li>
<li>Use IDs sparingly</li>
<li>Avoid using the same classname for different purposes</li>
<li>always use the same classname for similar purposes</li>
<li>always use intention revealing classnames</li>
<li>always put your classname on the outer most element on which it makes sense</li>
</ol>
<p>Reference from:<br />
<a target="_blank" href="http://css-discuss.incutio.com/?page=MaintainableCss">http://css-discuss.incutio.com/?page=MaintainableCss</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/21/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/21/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/21/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=21&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/10/24/browser-web-standards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>
	</item>
		<item>
		<title>Browser @ web standards</title>
		<link>http://cs50586113.wordpress.com/2007/10/09/banner-blindness/</link>
		<comments>http://cs50586113.wordpress.com/2007/10/09/banner-blindness/#comments</comments>
		<pubDate>Tue, 09 Oct 2007 20:15:49 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/10/09/banner-blindness/</guid>
		<description><![CDATA[
Reference article:  http://webstandards.raquedan.com/?p=89
Different browser in the browser market.  Each has its own standard.  This make the web designer are tired on working on the compatibility for browser.
Advantage on IE:

widely used

Advantage on Firefox:

stable

Disadvantage on Firefox:

    some web pages does not support Firefox
eg (using Active X)
 Acrobat doesn&#8217;t  work well [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=20&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><img src="http://www.moztw.org/images/product-firefox.png" alt="Firefox" height="60" width="60" /><img src="http://www.microsoft.com/taiwan/windows/ie/images/ie7/shared/ie7logo.gif" alt="IE" height="49" width="145" /><img src="http://upload.wikimedia.org/wikipedia/en/thumb/8/8f/Opera_logo.png/92px-Opera_logo.png" alt="Opera" height="80" width="92" /></p>
<p>Reference article:  <a href="http://webstandards.raquedan.com/?p=89">http://webstandards.raquedan.com/?p=89</a></p>
<p>Different browser in the browser market.  Each has its own standard.  This make the web designer are tired on working on the compatibility for browser.</p>
<p>Advantage on IE:</p>
<ul>
<li>widely used</li>
</ul>
<p>Advantage on Firefox:</p>
<ul>
<li>stable</li>
</ul>
<p>Disadvantage on Firefox:</p>
<ul>
<li>    some web pages does not support Firefox<br />
eg (using Active X)</li>
<li> Acrobat doesn&#8217;t  work well on Firefox.</li>
</ul>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/20/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/20/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=20&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/10/09/banner-blindness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>

		<media:content url="http://www.moztw.org/images/product-firefox.png" medium="image">
			<media:title type="html">Firefox</media:title>
		</media:content>

		<media:content url="http://www.microsoft.com/taiwan/windows/ie/images/ie7/shared/ie7logo.gif" medium="image">
			<media:title type="html">IE</media:title>
		</media:content>

		<media:content url="http://upload.wikimedia.org/wikipedia/en/thumb/8/8f/Opera_logo.png/92px-Opera_logo.png" medium="image">
			<media:title type="html">Opera</media:title>
		</media:content>
	</item>
		<item>
		<title>What we do? What we expect?</title>
		<link>http://cs50586113.wordpress.com/2007/10/03/back-button/</link>
		<comments>http://cs50586113.wordpress.com/2007/10/03/back-button/#comments</comments>
		<pubDate>Wed, 03 Oct 2007 22:13:29 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/10/03/back-button/</guid>
		<description><![CDATA[Let&#8217;s talk about &#8220;What we do?&#8221; first.


Clicking Back Button for &#8220;escaping&#8221; is one of the common action for many people when they come across boring content.  You should not do anything to block this button.  However, you can still do something to take advantage of the Back Button suggested by
The Back Button &#8211; [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=16&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Let&#8217;s talk about &#8220;<strong>What we do?</strong>&#8221; first.</p>
<p><img src="http://cs50586113.files.wordpress.com/2007/10/firefox_backbutton.jpg" alt="Firefox Back Button" /></p>
<p><a href="http://webdesign.about.com/od/usability/a/aa051506.htm" target="_blank"></a></p>
<p>Clicking Back Button for &#8220;escaping&#8221; is one of the common action for many people when they come across boring content.  You should not do anything to block this button.  However, you can still do something to take advantage of the Back Button suggested by<br />
The Back Button &#8211; How people use Web Sites<a href="http://www.webdesignpractices.com/navigation/globalhome.html#" target="_blank"><br />
</a><a href="http://webdesign.about.com/od/usability/a/aa051506.htm" target="_blank"> http://webdesign.about.com/od/usability/a/aa051506.htm</a></p>
<ul>
<li><u>Place your branding up near the back button</u><br />
This may draw the customer when they leave.</li>
<li><u>Make items in that area click-able<br />
</u>If they miss the back button, they might go somewhere else useful on your web site.</li>
</ul>
<p>Then, <strong>What we expect</strong>?</p>
<p><img src="http://cs50586113.files.wordpress.com/2007/10/home.jpg" alt="My Home" /></p>
<p>Global &#8220;Home Link&#8221; is also  a vital help tool when they get loss in your web site.<br />
Here is a site about the arrangement of the Homelink:<br />
<a href="http://www.webdesignpractices.com/navigation/globalhome.html#" target="_blank">http://www.webdesignpractices.com/navigation/globalhome.html#</a></p>
<p>Besides, here are information of how people expect where the common element (e.g. search engine) is located.<br />
<a href="http://www.webdesignpractices.com/navigation/globalhome.html#" target="_blank"></a><a href="http://psychology.wichita.edu/surl/usabilitynews/41/web_object-ecom.htm" target="_blank">http://psychology.wichita.edu/surl/usabilitynews/41/web_object-ecom.htm</a></p>
<p>I hope the above information can give you some idea how to convenient the users on web design.</p>
<p><a href="http://webdesign.about.com/od/usability/a/aa051506.htm" target="_blank"></a><a href="http://www.webdesignpractices.com/navigation/globalhome.html#" target="_blank"><br />
</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/16/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/16/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/16/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=16&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/10/03/back-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>

		<media:content url="http://cs50586113.files.wordpress.com/2007/10/firefox_backbutton.jpg" medium="image">
			<media:title type="html">Firefox Back Button</media:title>
		</media:content>

		<media:content url="http://cs50586113.files.wordpress.com/2007/10/home.jpg" medium="image">
			<media:title type="html">My Home</media:title>
		</media:content>
	</item>
		<item>
		<title>Different People Different Screen Resolution</title>
		<link>http://cs50586113.wordpress.com/2007/09/25/screen-resolution/</link>
		<comments>http://cs50586113.wordpress.com/2007/09/25/screen-resolution/#comments</comments>
		<pubDate>Tue, 25 Sep 2007 05:00:42 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>
		<category><![CDATA[screen resolution]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/09/25/screen-resolution/</guid>
		<description><![CDATA[
Different people will use different screen resolution, thus the same web page will looks different when coming across different screen resolution.
Web developer need to take this issue into account when building websites.
Fluid design
This enables the web site to use as much as the &#8220;space&#8221; under the specific screen resolution.  No space will be unused.
 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=13&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://upload.wikimedia.org/wikipedia/en/c/cc/Screens_png.png" target="_blank"><img src="http://upload.wikimedia.org/wikipedia/en/thumb/c/cc/Screens_png.png/300px-Screens_png.png" alt="screen display" height="261" width="300" /></a></p>
<p>Different people will use different screen resolution, thus the same web page will looks different when coming across different screen resolution.</p>
<p>Web developer need to take this issue into account when building websites.</p>
<p><strong>Fluid design</strong><br />
This enables the web site to use as much as the &#8220;space&#8221; under the specific screen resolution.  No space will be unused.</p>
<p><strong> Javascript</strong><br />
It can detect screen resolution and redirect the visitor to a page optimized for their  particular resolution.</p>
<p>Researching for the visitors is also vital:</p>
<p><strong>Studying web site log files</strong><br />
This provides the web developer  s with advanced information on the most popular screen resolution, browsers, browser version and &#8230; etc.</p>
<p class="MsoNormal"><strong> Test web site</strong><br />
Practice becomes perfect.  Try to test the site under different screen resolution, browsers, versions and operation system combinations.</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal">Information from:<br />
<span><a href="http://www.search-this.com/2007/09/10/you-could-use-an-extra-2-inches/" target="_blank">http://www.search-this.com/2007/09/10/you-could-use-an-extra-2-inches/</a><br />
<a href="http://www.netmechanic.com/news/vol4/accessibility_no24.htm" target="_blank"> http://www.netmechanic.com/news/vol4/accessibility_no24.htm</a><br />
</span><span style="font-size:12pt;font-family:'Calibri','sans-serif';"><br />
</span></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=13&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/09/25/screen-resolution/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>

		<media:content url="http://upload.wikimedia.org/wikipedia/en/thumb/c/cc/Screens_png.png/300px-Screens_png.png" medium="image">
			<media:title type="html">screen display</media:title>
		</media:content>
	</item>
		<item>
		<title>Where did users look?</title>
		<link>http://cs50586113.wordpress.com/2007/09/19/where-did-users-look/</link>
		<comments>http://cs50586113.wordpress.com/2007/09/19/where-did-users-look/#comments</comments>
		<pubDate>Wed, 19 Sep 2007 13:45:48 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[CS3382]]></category>

		<guid isPermaLink="false">http://cs50586113.wordpress.com/2007/09/19/where-did-users-look/</guid>
		<description><![CDATA[To answer &#8220;Where did users look&#8221;, eyetracking may help.
By introducing eyetracking, heatmap will be generated.
What is eyetracking?
Eye tracking is the process of measuring either the point of gaze (i.e. where we are looking) or the motion of an eye relative to the head.
What is heatmap?
A heatmap represents which content was seen by a group of [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=12&subd=cs50586113&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>To answer &#8220;Where did users look&#8221;, <strong>eyetracking</strong> may help.<br />
By introducing <strong>eyetracking</strong>, <strong>heatmap</strong> will be generated.</p>
<p>What is eyetracking?<br />
Eye tracking is the process of measuring either the point of gaze (i.e. where we are looking) or the motion of an eye relative to the head.</p>
<p>What is heatmap?<br />
A heatmap represents which content was seen by a group of participants. A heatmap helps to answer the questions &#8220;<strong>Where did users look?</strong>&#8221; and &#8220;<strong>Where didn&#8217;t users look?</strong>&#8220;.</p>
<p><a href="http://cs50586113.files.wordpress.com/2007/09/eyetracking_corporate_site_about_us.png" title="heat map example"><img src="http://cs50586113.files.wordpress.com/2007/09/eyetracking_corporate_site_about_us.png" alt="heat map example" /></a><br />
<em>an example of a heatmap for a web page</em></p>
<p><a href="http://cs50586113.files.wordpress.com/2007/09/eyetracking_corporate_site_about_us.png" title="heat map example"></a></p>
<p>If we have heatmap, we may discover:<br />
What layout element draw the user attention?<br />
Does photo always draw the user attention?</p>
<p>Here is the articles I read about the hints bring by the heatmap:<br />
<a href="http://www.ojr.org/ojr/stories/070312ruel/" target="_blank">http://www.ojr.org/ojr/stories/070312ruel/</a></p>
<p>Besides, web site is for users! Therefore, we should know more about them, especially &#8212; User don&#8217;t read pages but scan the pages.</p>
<p align="left">The reasons include:</p>
<p align="left"><strong>User&#8217;s time is valuable</strong><br />
They are interested in the material that is necessary for them, so they choose some but not get all in order to save their time.</p>
<p align="left"><strong>User has habit of scanning</strong><br />
When reading newspapers or magazine, they have been scanning and finding the part interesting them. Therefore, users tend to scan the web pages instead of reading page.</p>
<p align="left">&nbsp;</p>
<p align="left">Here is more detailed information about eyetracking and heatmap:<br />
<a href="http://blog.eyetools.net/" target="_blank">http://blog.eyetools.net/</a><br />
Example of eyetracking equipment:<br />
<a href="http://www.techfak.uni-bielefeld.de/ags/ni/projects/eyetrack/index.html" target="_blank">http://www.techfak.uni-bielefeld.de/ags/ni/projects/eyetrack/index.html</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/cs50586113.wordpress.com/12/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/cs50586113.wordpress.com/12/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/cs50586113.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/cs50586113.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/cs50586113.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/cs50586113.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/cs50586113.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/cs50586113.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/cs50586113.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/cs50586113.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/cs50586113.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/cs50586113.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=cs50586113.wordpress.com&blog=1680901&post=12&subd=cs50586113&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://cs50586113.wordpress.com/2007/09/19/where-did-users-look/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b4f6583fa834a3cd001a5bf135c25c90?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">Mike</media:title>
		</media:content>

		<media:content url="http://cs50586113.files.wordpress.com/2007/09/eyetracking_corporate_site_about_us.png" medium="image">
			<media:title type="html">heat map example</media:title>
		</media:content>
	</item>
	</channel>
</rss>