<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2chinesetwfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
<channel>
<title>O3noBLOG</title>
<link>http://blog.othree.net/</link>
<description />
<copyright>Copyright 2009</copyright>
<lastBuildDate>2009-06-17 01:58</lastBuildDate>
<generator>http://www.movabletype.org/?v=4.25</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs> 


<creativeCommons:license>http://creativecommons.org/licenses/by/2.5/</creativeCommons:license><image><link>http://creativecommons.org/licenses/by/2.5/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/othree" type="application/rss+xml" /><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/othree" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsalloy.com/?rss=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.newsalloy.com/subrss3.gif">Subscribe with NewsAlloy</feedburner:feedFlare><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://www.yourminis.com/subscribe.aspx?u=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.yourminis.com/images/addtoyourminisbadge.gif">Subscribe with Yourminis.com</feedburner:feedFlare><feedburner:feedFlare href="http://download.attensa.com/app/get_attensa.html?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.attensa.com/blogs/attensa/WindowsLiveWriter/BadgeredintoBadges_10C02/attensa_feed_button5.gif">Subscribe with Attensa for Outlook</feedburner:feedFlare><feedburner:feedFlare href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare href="http://hub.netomat.net/account/account.autoSubscribe.jspa?urls=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.netomat.net/blogger/images/icon_netomat_feedbutton.gif">Subscribe with netomat Hub</feedburner:feedFlare><feedburner:feedFlare href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare href="http://www.flurry.com/pushRssFeed.do?r=fb&amp;url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.flurry.com/images/flurry_rss_logo2.gif">Subscribe with Flurry</feedburner:feedFlare><feedburner:feedFlare href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2Fothree" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
<title>卡卡頌 Carcassonne</title>
<description>&lt;p&gt;&lt;a href="http://www.flickr.com/photos/ornoth/436953615/"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/436953615_6ae5fe331e.jpg" width="400" height="266" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;之前玩過一次卡卡頌，覺得還不錯，不過也沒特別著迷，後來 &lt;a href="http://blog.xdite.net/?p=1240"&gt;xdite 買大盒板&lt;/a&gt; 的時候我就跟著買了，玩了幾次反而意外的喜歡上，我必須承認卡坦（我第一款真的下去玩的桌上遊戲）也不錯玩，不過我覺得卡卡頌的趣味性比較高，而且另外還有一個優勢，很好學，推廣容易！所以要找人玩到不會太困難（雖然我家裡沒人要跟我玩），問題反而是時間比較少，總之總之，迷上之後三不五時就會開始找一些資料，擴充包介紹，規則講解，還有一些有的沒的，這篇就是要來整理並介紹一下這些東西的。&lt;/p&gt;&lt;p&gt;首先是所有擴充版本和規則，卡卡頌除了一個基本版外，還有各種擴充組合，而這些擴充組合還可以分為大擴充和小擴充，分類依據不是很肯定，不過比較風行的幾個大擴充都會改變遊戲的進行策略，小擴充則不一定。另外就是小擴充目前為止一組最多只有12塊新版塊。再來每種擴充的版塊上都會有小小的浮水印，方便辨識整理用，聽說以前的沒有，不過現在新出的好像都有印了。&lt;/p&gt;

&lt;dl&gt;
&lt;dt&gt;卡卡頌, Carcassonne, 72&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;&lt;a href="http://crazycat1130.pixnet.net/blog/post/1345560"&gt;瘋小貓的卡卡頌介紹&lt;/a&gt;&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;h4&gt;大擴充&lt;/h4&gt;
&lt;dl&gt;
&lt;dt&gt;主教, Inns and Cathedrals, Wirtshäuser und Kathedralen, 2002, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;    其實全名是旅館與主教教堂，這兩個東西都分別是可以讓路和城市的分數增加用的，不過副作用是沒完成不算分，那個主教教堂根本是婊人用的， &lt;a href="http://monica0906.pixnet.net/blog/post/21739915"&gt;詳細介紹&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;小豬, Traders and Builders, Händler und Baumeister, 2003, 24&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;這個擴充多了貨物、小豬、建築師三種東西，我覺得最大的改變是多了幫人完成城堡的動機， &lt;a href="http://www.flickr.com/photos/ornoth/436953615/"&gt;詳細介紹&lt;/a&gt; ，小豬擴充還有付一個抽版塊用的袋子，不過買大盒版的話就沒有了。&lt;/p&gt;
&lt;p&gt;&lt;a href="http://www.boardgamegeek.com/image/63832"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/1219907584800345382.jpg" width="400" height="300" alt="小豬擴充內容：包和新版塊、新單位、貨物和袋子)!"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;火龍, The Princess and the Dragon, Burgfräulein und Drache, 2005, 30&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;從這個擴充開始，卡卡頌就從闔家歡樂的溫馨遊戲開始慢慢變成友情破壞、互相廝殺的遊戲了～～，這個擴充的重點就是那個火龍，被火龍走過版塊上的小人都會被趕跑，卡卡頌終於開始可以攻擊對手了， &lt;a href="http://monica0906.pixnet.net/blog/post/21745446"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;高塔, The Tower, Der Turm, March 2006, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;高塔也是友情破壞系列之一，可以見塔囚禁別的玩家的小人，而且被囚禁到還蠻慘的。除了新增的高塔，這個擴充還真的附了一個放地圖版塊的塔，不過似乎只能放到150多片，現在全部的擴充加起來算有兩百五十多片了， &lt;a href="http://crazycat1130.pixnet.net/blog/post/3220922"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;市長, Abbey and Mayor, Abtei und Bürgermeister, October 2007, 18&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;這個擴充比較不那麼刺激，每位玩家多了一片萬能的大修道院，另外還多了榖倉、車車、市長三種新單位，&lt;a href="http://monica0906.pixnet.net/blog/post/21754233"&gt;詳細介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;投石車, The Catapult, Das Katapult, 2008, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;投石車是最新的大擴充，真的就如標題，有台小小投石車和一些小紙片（石頭）可以丟東西，這款還蠻新的，目前比較不清楚，不過看來也是友情破壞擴充， &lt;a href="http://www.wretch.cc/blog/silvanus321/26789180"&gt;規則介紹&lt;/a&gt;。&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;h4&gt;小擴充&lt;/h4&gt;
&lt;dl&gt;
&lt;dt&gt;河流, The River, Der Fluss, 2001, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;替代起始版塊的河流擴充，一開始就要先把河流拼完，然後農夫得分力量就大減XD。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;國王, King and Scout, König und Späher, 2003, 5&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;多了城王和路王（這其實是卡坦用語），另外還有五個一般版塊，沒有很特別的地方就是。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;圍城, The Cathars, Die Katharer, 2004, 4 tiles&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;其實應該叫異教徒，這個小擴充比較少見到，已經絕版了，現在改叫 Siege （圍城），不過實際上版塊圖 &lt;a href="http://www.boardgamegeek.com/image/380606"&gt;不太一樣&lt;/a&gt; ，舊版城市的城牆是被攻破的，新版則否，不知道是不是受了什麼壓力才改的@_@，2004年的異教徒也是目前唯一絕版的一組擴充，詳細規則可以看 &lt;a href="http://www.ptt.cc/man/BoardGame/D658/D970/DA2D/M.1234201095.A.B6E.html"&gt;PTT 桌遊版精華區文章&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;異教徒, Cult, 2008, 5+1&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;類似修道院的版塊，又稱為祭壇版塊，放在上面的小人就稱為異教徒，把祭壇放在修道院旁邊還會引發宗教對決XD，這組擴充的版塊數比較特別，其中第六片只有 &lt;a href="http://www.boardgamegeek.com/boardgame/35666"&gt;Cult, Siege and Creativity&lt;/a&gt; 這個組合有，裡面的 Siege 就是包含新版的圍城版塊，今年出的新版 Big Box 也只有五片祭壇，會有這一片差距其實是因為版塊製作時，數量一定都是六的倍數，規則一樣在 &lt;a href="http://www.ptt.cc/man/BoardGame/D658/D970/DA2D/M.1234201095.A.B6E.html"&gt;PTT 精華區那篇文章有&lt;/a&gt; 。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;伯爵, The Count of Carcassonne, Der Graf von Carcassonne, 2004, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;伯爵擴充裡面的這座城才是真的卡卡頌城！以前作的那些都是城市喔～～，有圖（借用瘋小貓的圖片）為證，這款擴充規則稍微複雜點， &lt;a href="http://crazycat1130.pixnet.net/blog/post/3197887"&gt;詳細介紹&lt;/a&gt; 。&lt;/p&gt;
&lt;p&gt; &lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcassonne.tile.jpg" width="400" height="300" alt="伯爵擴充的卡卡頌城" /&gt; &lt;/p&gt;
&lt;p&gt; &lt;a href="http://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=zh-TW&amp;amp;geocode=&amp;amp;q=Carcassonne&amp;amp;sll=37.579413,-95.712891&amp;amp;sspn=44.348302,71.894531&amp;amp;ie=UTF8&amp;amp;ll=43.206458,2.363842&amp;amp;spn=0.005036,0.008776&amp;amp;t=k&amp;amp;z=17"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcassonne.map.png" width="400" height="310" alt="Google Maps 上看到的卡卡頌城" /&gt;&lt;/a&gt; &lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;河流二, The River II, Der Fluss II, November 2005, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;新的河流二代多了一條支流，讓河流的變化更多，還可以和河流一起用，作出超長河流XD。&lt;/p&gt;&lt;/dd&gt;
&lt;dt&gt;桌遊季刊, The Mini-Expansion, Winter 2006, 12&lt;/dt&gt;
&lt;dd&gt;&lt;p&gt;雜誌附送的12片基本版塊，其中兩片是河流，沒有浮水印，是唯一丟進去後就不好挑出來的擴充組合，其他的大小擴充不是有浮水印，就是很好判斷（像是祭壇、圍城）。&lt;/p&gt;&lt;/dd&gt;
&lt;/dl&gt;

&lt;p&gt;其中小擴充的國王、異教徒和伯爵三組有組合起來成捆販售，官方是編號為第六個大擴充，投石車則是第七個。&lt;/p&gt;

&lt;p&gt;所有擴充加起來已經超過250個版塊了， &lt;a href="http://blog.xuite.net/asilentfish/blog/18575337"&gt;水底城&lt;/a&gt; 有作一些整理（到市長擴充），還有個不同擴充同時玩時可能會遇到的 &lt;a href="http://blog.xuite.net/asilentfish/blog/18949065"&gt;規則問題&lt;/a&gt; ，以上介紹的都是官方的東西，我還找到不少其他有趣的東西，像是 &lt;a href="http://carcassonnecentral.com/"&gt;Carcassonne Central&lt;/a&gt; 這個討論社群，這邊除了討論區和社群聯繫外，還收集了很多 &lt;a href="http://www.carcassonnecentral.com/index.php?option=com_content&amp;amp;task=view&amp;amp;id=49&amp;amp;Itemid=62"&gt;玩家自製的擴充&lt;/a&gt; ，這些玩家自製的擴充種類很多，除了要自製版塊外，有些還需要自製小人元件，對我來說有些困難，不過很有趣的是這些玩家自製擴充還有分幾個大系列，像是河流系列、森林系列，除了這些玩家自製的擴充外，在下載區還有一區是專門放 &lt;a href="http://www.carcassonnecentral.com/index.php?option=com_content&amp;amp;task=view&amp;amp;id=48&amp;amp;Itemid=61"&gt;輔助遊戲的道具&lt;/a&gt; ，像是一圈100分的計分版，一整片的卡卡頌城（伯爵擴充）等，有興趣的可以去逛逛，還蠻有趣的。&lt;/p&gt;

&lt;p&gt;接下來的東西比較敗家一些，首先是遊戲中的小人，雖然說明書上是寫 follower （跟隨者），不過其實 follower 是總稱，小人、大人、市長、車車都是跟隨者，而小人另外有個名字叫 meeple （米寶），好像字元是 my people。總之， meeple 其實是很有人氣的，還有人開了 &lt;a href="http://www.meeplepeople.com/"&gt;meeplepeople.com&lt;/a&gt; 賣周邊商品，進去逛逛就會發現他還有賣標準色以外的 meeple ，總共有12種顏色，不過他的小人組合只有小人、大人、工程師、小豬，沒有把市長擴充新增的三種單位加進去，實在很可惜。另外在 cacassonne central 有看到有人有買到整組 &lt;a href="http://www.carcassonnecentral.com/forum/index.php?topic=433.msg5715#msg5715"&gt;白色的&lt;/a&gt; ，他買了兩組，還把其中一組漆成橘色的，可惜的是他提供的賣家好像沒賣了，不然我很想多弄一兩組，這樣還可以增加遊戲人數。再來，還有人作了高級的 &lt;a href="http://www.av-technologies.net/scoreboard/index.html"&gt;電子計分版&lt;/a&gt;，用遙控器控制分數，還會自動計算排名，最厲害的是用蘋果電腦新的那種鋁磚工法作的，光成本就要100歐元以上，也因此作者沒打算要量產來賣，不過他把相關的資料都放在網路上了，包括電路板的設計等，其實我是覺得讓小人在計分版上跑感覺還蠻不錯的啦，只不過有次玩到快結束時，不小心撞到計分版，就...&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.othree.net/log/2008/06/17/carcassonne/scoreboard1_front.jpg" width="400" height="300" alt=""/&gt;&lt;/p&gt;

&lt;p&gt;再來要介紹的是收藏解決方案，前面有說過，目前所有擴充加起來已經超過250張版塊了，即使高塔也只放的下約150張，再加上還有各種木頭小人、高塔等東西，因此要如何收藏卡卡頌也是個不小的問題，因此有人做了高級的 &lt;a href="http://www.carcassonnebox.com/"&gt;Carcassonne Box&lt;/a&gt;。&lt;/p&gt;

&lt;p&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/carcbox02qc6.jpg" width="400" height="342" alt="木製的盒子，質感很棒" /&gt;&lt;/p&gt;

&lt;p&gt;當然這種敗家物少不了 &lt;a href="http://www.boardgamegeek.com/thread/230462"&gt;開箱報告&lt;/a&gt;，比較可惜的是投石車是在這箱子推出後才出的，不知道裡面有沒有空間放投石車，當然他有多預留一些空間放新的版塊。另外一個我覺得很棒的是有人買 &lt;a href="http://www.flickr.com/photos/byrnefamilyphotos/sets/72157602250791441/"&gt;工具箱來放&lt;/a&gt; ，外國有些高級的工具箱，可自定的程度很高，就有人找到一些組合很適合拿來放，不過很可惜的是，他提供的工具箱的型號好像都買不到了，而且這些照片裡面也還沒有投石車^^b，我自己目前是用一個紙盒把計分版以外的東西都塞了進去。&lt;/p&gt;

&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3610618467/" title="Flickr 上 othree 的 卡卡頌大盒版"&gt;&lt;img src="http://farm3.static.flickr.com/2450/3610618467_4b5a41bf7b.jpg" width="400" height="300" alt="卡卡頌大盒版" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;另外還有個不錯的 &lt;a href="http://ikitz.de/projects/#carcassonne"&gt;整理方式&lt;/a&gt; ，也不用花大錢，他用兩個不同擴充的盒子組成，裡面的地圖版塊分區放好，另外印了一張位置索引記錄不同擴充所放的位置，木頭小人則另外做了小紙盒來裝，計分版則是掃描列印後切對半，小紙盒和位置索引的檔案他都有提供下載，有興趣的人也可以試試看用這種方式來整理。&lt;/p&gt;

&lt;p&gt;最後，我要介紹的是這個卡卡頌魔術方塊～&lt;/p&gt;

&lt;p&gt;&lt;a href="http://carcassonne.wikia.com/wiki/File:Carccube.jpg"&gt;&lt;img src="http://blog.othree.net/log/2009/06/17/carcassonne/Carccube.jpg" width="400" height="427" alt="利用卡卡頌地圖做的魔術方塊" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=bX8l8mV2MiQ:IApjBMEUeKc:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=bX8l8mV2MiQ:IApjBMEUeKc:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/bX8l8mV2MiQ" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/bX8l8mV2MiQ/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/06/17/carcassonne/</guid>
<category>buy</category>
<pubDate>2009-06-17 01:58</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/06/17/carcassonne/</feedburner:origLink></item>

<item>
<title>勉勵的話語</title>
<description>&lt;p&gt;&lt;a href="http://www.flickr.com/photos/othree/3587357293/" title="Flickr 上 othree 的 DSCF3551"&gt;&lt;img src="http://farm4.static.flickr.com/3303/3587357293_69be451d0a.jpg" width="375" height="500" alt="DSCF3551" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;這張紙條是我大阿姨留給我和我哥的，目前的我無法體會帶著遺憾離開人世，卻還能留下這樣勉勵話語時的感受。或許等我繼續成長，有了關愛的後輩時會理解吧。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=OyLxbUOAmmQ:HfKOoWSzSlU:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=OyLxbUOAmmQ:HfKOoWSzSlU:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/OyLxbUOAmmQ" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/OyLxbUOAmmQ/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/06/02/face-death/</guid>
<category>diary</category>
<pubDate>2009-06-02 12:34</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/06/02/face-death/</feedburner:origLink></item>

<item>
<title>My blog is back</title>
<description>&lt;p&gt;掛了將近一個月有餘，昨天終於先弄回來，中間一度少掉的文章在 Google Reader 裡都還看的到，所以復原文章也沒花上什麼心力，不過苦工少不了就是，另外在 &lt;a href="http://othree.github.com"&gt;暫時站&lt;/a&gt; 寫的文章也搬過來了，這幾篇同時有用 &lt;span class="caps"&gt;WTFPL &lt;/span&gt;授權，還順便把 MT 升級到最新的4.25版，本來很想順便改版的，不過一直沒好好設計，這部份就先繼續放著了，反正目前版面我其實還蠻滿意的（除了XHTML實在有夠麻煩）。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=aPx00AA6Gxk:ZWKlYiaERl8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=aPx00AA6Gxk:ZWKlYiaERl8:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/aPx00AA6Gxk" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/aPx00AA6Gxk/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/05/12/my-blog-is-back/</guid>
<category>about</category>
<pubDate>2009-05-12 11:14</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/05/12/my-blog-is-back/</feedburner:origLink></item>

<item>
<title>Opera in Taiwan</title>
<description>&lt;p&gt;最近 Opera 台灣隨著15週年辦了一系列的活動，包括使用者聚會、校園講座與徵才，15週年記者會等，小弟我有幸參與了其中幾場，好像可以簡單介紹一下XD。&lt;/p&gt;

&lt;p&gt;Opera 大約是去年年底在台灣成立分公司，雖然 Opera Desktop 在台灣幾乎是沒什麼能見度，可是在電腦以外的平台佔有率還是最高的，不過 Opera 台灣並沒有打算只專注在這些平台，除了推廣外，還要把台灣為數不少的 Opera 使用者集結起來，讓社群成形，現在不但有正式的&lt;a href="http://my.opera.com/tradchinese/forums/"&gt;中文討論區&lt;/a&gt;，還有官方的 &lt;a href="http://twitter.com/operatw"&gt;Twitter帳號&lt;/a&gt; 和 &lt;a href="http://www.plurk.com/operatw"&gt;Plurk帳號&lt;/a&gt;，另外還有 &lt;a href="http://my.opera.com/ting0619/blog/"&gt;Opera 第一手消息&lt;/a&gt;這個部落格。目前是可以預見他們會對台灣使用者開始投入些心力、資源，總之是好是一件。&lt;/p&gt;

&lt;p&gt;在這次活動中，有人問到，為什麼 Opera 功能那麼強，但是使用者還是不多，那時候 &lt;a href="http://my.opera.com/andreasbovens/about/"&gt;Andreas&lt;/a&gt; 說他們也好奇原因，其實我一直以來也很納悶， Opera 本身除了效能好，還內建很多功能，其中不少還是 Opera 首先推出的，但是一直以來他們的佔有率就是不高，即使成為免費版後也沒有提昇多少。不過我想這會一直是個難解的問題，但是至少我自己選擇的原因我還有點印象，說來算是時間點不好，當我在決定要選哪個瀏覽器時，Opera 畫中文還畫的很難看，這應該是我當初選擇使用 Firefox 而不是 Opera 的主要原因（我對這種東西很外貿協會的XD），後來才知道 Firefox 很多擴充套件的功能是 Opera 直接就有內建的。&lt;/p&gt;

&lt;p&gt;剛好大約一個月一次的摩茲連續聚，我下次還沒想到可以分享什麼東西，大概就介紹 Opera 吧XD，所以應該這兩天開始要強迫自己用 Opera 用一個月了XD，到時候從功能面來介紹它:P，雖然不能吸引到 IE 使用者跳槽就是~_~。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=RLeM7KonrEE:FpRbYq_V278:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=RLeM7KonrEE:FpRbYq_V278:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/RLeM7KonrEE" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/RLeM7KonrEE/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/30/opera_in_taiwan/</guid>
<category>software</category>
<pubDate>2009-04-30 10:18</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/30/opera_in_taiwan/</feedburner:origLink></item>

<item>
<title>Hate IE</title>
<description>&lt;p&gt;昨天我才被微軟救到，今天它就用 IE 來討債了Q_Q，這件事要從 &lt;a href="http://http://joysound.com/"&gt;JOYSOUND&lt;/a&gt; 講起， JOYSOUND是日本的一個卡拉OK系統，前陣子推出了 Wii 版，讓使用者可以用便宜的月費就可以唱到數萬首日文歌曲，不過使用上有個問題，就是它的網頁沒有針對 Wii 版的搜尋功能，透過 Wii 介面來搜尋又不夠快，於是我就自己手寫了一個 &lt;a href="http://joysound.othree.net/"&gt;http://joysound.othree.net/&lt;/a&gt;，資料來源是他們網站，我定期去撈新增曲目，結果最近太混，才發現 7 週沒有去更新，網頁上又只保留 5 週份的更新資料，於是就趕快上 Google 看有沒有 cache，順利的找到4份中的3份，但是有一份找很久都找不到，過了幾十分，找了一堆日本的搜尋引擎，才在&lt;a href="http://jp.msn.com/"&gt;日本 MSN&lt;/a&gt; 找到那個網頁的 cache，於是心中一顆大石頭終於落地，也實在沒想到會讓微軟幫到這樣一個大忙。&lt;/p&gt;

&lt;p&gt;時光飛逝，歲月如梭，一下就來到了新的一週，早上九點半開始開了四小時的會，回到電腦前一看發現有 IE bug 要解，沒想到這一個 bug 讓我整整花了4個小時才解決掉，一開始看起來是 javascript 問題，搞到最後竟然是無法說明的 CSS 地雷，花了數小時，只砍掉下面這樣一行東西而已：&lt;/p&gt;

&lt;pre class="brush:css"&gt;
right: 0;
&lt;/pre&gt;

&lt;p&gt;更讓人難過的是這個 bug 是在 IE7, 8才會發生的，講到這我就必須要抱怨一下 IE，這陣子處理不少問題根本都還是 IE7, 8 還在的，感覺上 IE 這兩次升級對於 javascript 相關的部分都沒什麼改善，這也是為什麼我決定把這裡弄的讓 IE 都看不到。&lt;/p&gt;
&lt;p&gt;最後就是提一下，大概要怎麼判斷是不是 CSS 地雷，和要怎麼找，基本上，會被稱為地雷，就是那種會看起來應該不會有問題，出了問題你也不知道問題在哪的狀況，如果是 javascript 的問題現在瀏覽器都可以妥善處理，不小心跑進無窮迴圈也不會跑到死，所以如果一直出現找不到的問題發生點的話，那就有可能是 CSS 地雷了，像我這次遇到的狀況是整個 IE 吃光 CPU，但是不會有訊息問我要不要停止執行 script，然後我找了很久，排除頁面上各種可能產生影響的 javascript，最後才懷疑到 CSS 上，這時候我已經浪費超過三小時了，要判斷是不是 CSS 問題到很簡單，先把 CSS disable 掉試試看就知道了，如果一 disable 掉問題就沒了，那很明顯就是 CSS 的問題，接下來就是用消去法來尋找造成問題的 CSS 定義，就不贅述了。&lt;/p&gt;

&lt;p&gt;真的最後了，就是其實 JOYSOUND 現在已經可以在網頁上&lt;a href="http://joysound.com/ex/wii/search/index.htm"&gt;搜尋 Wii 版曲目&lt;/a&gt;了XDD。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:Mf4R4mGs-Fk:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:Mf4R4mGs-Fk:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:Mf4R4mGs-Fk:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=GO8-CXAPSzE:Mf4R4mGs-Fk:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=GO8-CXAPSzE:Mf4R4mGs-Fk:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/GO8-CXAPSzE" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/GO8-CXAPSzE/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/27/hate-ie/</guid>
<category>web</category>
<pubDate>2009-04-27 10:14</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/27/hate-ie/</feedburner:origLink></item>

<item>
<title>Handle IE</title>
<description>&lt;p&gt;&lt;a href="http://othree.github.com"&gt;暫時站&lt;/a&gt;本來用下面的語法來阻擋IE使用者：&lt;/p&gt;
&lt;pre class="brush:xml"&gt;
&amp;lt;!--[if IE]&amp;gt;&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;* {display: none; !importanat}&amp;lt;/style&amp;gt;&amp;lt;![endif]--&amp;gt;
&lt;/pre&gt;
&lt;p&gt;不過用IE還是看的到 title，不太愉悅，今天 &lt;a href="http://evendesign.tw/"&gt;EvenWu&lt;/a&gt; 推薦我另一個弄法：&lt;/p&gt;
&lt;pre class="brush:xml"&gt;
&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;!--[if !IE]&amp;gt;--&amp;gt;
&amp;lt;html&amp;gt;
    &amp;lt;head&amp;gt;
        &amp;lt;title&amp;gt;blah...&amp;lt;/title&amp;gt;
    &amp;lt;/head&amp;gt;
    &amp;lt;body&amp;gt;
        blah blah...
    &amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&amp;lt;!--&amp;lt;![endif]--&amp;gt; 
&lt;/pre&gt;
&lt;p&gt;現在用 IE 來看感覺真是棒XD&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=-SN9-JfEEfI:0jPwOG-khX8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=-SN9-JfEEfI:0jPwOG-khX8:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/-SN9-JfEEfI" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/-SN9-JfEEfI/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/27/handle-ie/</guid>
<category>css-html</category>
<pubDate>2009-04-27 10:13</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/27/handle-ie/</feedburner:origLink></item>

<item>
<title>Opera Face Gesture 與其它</title>
<description>&lt;p&gt;首先來看一下 Opera 在今年愚人節推出的&lt;a href="http://labs.opera.com/news/2009/04/01/"&gt;臉部表情控制&lt;/a&gt;吧。&lt;/p&gt;
&lt;p&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/kkNxbyp6thM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/kkNxbyp6thM&amp;amp;color1=0xb1b1b1&amp;amp;color2=0xcfcfcf&amp;amp;hl=en&amp;amp;feature=player_embedded&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;&lt;p&gt;應該很多人看過了，我想大部分人應該都會笑一笑看過去（聽說有人當真了@@），不過我確實覺得這東西有機會做出來，這想法是來自另外兩段影片，首先第一段是 &lt;a href="http://johnnylee.net/projects/wii/"&gt;Jonny Lee&lt;/a&gt; 的 &lt;a href="http://www.ted.com/index.php/talks/johnny_lee_demos_wii_remote_hacks.html"&gt;TED Talk&lt;/a&gt;，Jonny Lee 在 Wii 上市後，用它的控制器作為互動介面弄了不少有趣的玩意，他在 TED Talk 介紹了其中兩個，第二個是很有趣的 3D 應用，利用 Wii Remote 和 Sensor Bar 來判斷視點相對於螢幕的位置和角度，依據這些資訊來改變畫面，用單純的螢幕做出更接近真實的3D效果，機下來就來看看這段影片吧。&lt;/p&gt;

&lt;p&gt;&lt;object width="446" height="326"&gt;&lt;param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true" /&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;param name="bgColor" value="#ffffff"&gt;&lt;/param&gt; &lt;param name="flashvars" value="vu=http://video.ted.com/talks/embed/JohnnyLee_2008-embed_high.flv&amp;amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnnyLee-2008.embed_thumbnail.jpg&amp;amp;vw=432&amp;amp;vh=240&amp;amp;ap=0&amp;amp;ti=245" /&gt;&lt;embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="446" height="326" allowFullScreen="true" flashvars="vu=http://video.ted.com/talks/embed/JohnnyLee_2008-embed_high.flv&amp;amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/JohnnyLee-2008.embed_thumbnail.jpg&amp;amp;vw=432&amp;amp;vh=240&amp;amp;ap=0&amp;amp;ti=245"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;接著第三段影片做的事情和 Johnny Lee 做的事情一樣，不過用的技術和用途也不太一樣，這是日本 H-Game 公司 &lt;a href="http://www.teatime.ne.jp/"&gt;TEATIME&lt;/a&gt; 推出的 &lt;a href="http://www.teatime.ne.jp/infor/tech48/tech48_index.htm"&gt;Face Tracking&lt;/a&gt; 技術，不過他的原理是用 Web Cam 來做臉部辨識，然後判斷臉部和螢幕的相對位置，藉以改變視點，如果視點很低的話，遊戲中的女生也會有相對的反應出來，官方網頁上有影片可以下載來看，不過 YouTube 上也有人上傳了。&lt;/p&gt;

&lt;p&gt;&lt;object width="425" height="344"&gt;&lt;param name="movie" value="http://www.youtube.com/v/wwaSBld4ucQ&amp;amp;hl=zh_TW&amp;amp;fs=1"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/wwaSBld4ucQ&amp;amp;hl=zh_TW&amp;amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/p&gt;

&lt;p&gt;看著第三影片後，就覺得這技術似乎有機會實現臉部表情控制，至於為什麼要實現，我是想過或許可以作為輔助的操控手，或是讓無法用手腳操控的人使用吧，現在相關的輔助控制我比較知道的是用眼球追蹤啦。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=3hCr-TzeuKA:MmUMWD-V8nQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=3hCr-TzeuKA:MmUMWD-V8nQ:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/3hCr-TzeuKA" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/3hCr-TzeuKA/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/25/opera-face-gesture-and-more/</guid>
<category>web</category>
<pubDate>2009-04-25 10:11</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/25/opera-face-gesture-and-more/</feedburner:origLink></item>

<item>
<title>The Web of Linked Open Data</title>
<description>&lt;p&gt;週末要到&lt;a href="http://registrano.com/events/moztw-gathering-tp-1"&gt;摩茲連續聚&lt;/a&gt;介紹可能的網路未來，以下整理一些相關連結。&lt;/p&gt;
&lt;ol&gt;
    &lt;li&gt;&lt;a href="http://www.ted.com/index.php/talks/tim_berners_lee_on_the_next_web.html"&gt;Tim Berners-Lee on the next Web | Video on TED.com&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.readwriteweb.com/archives/web_of_data_machine_accessible_information.php"&gt;The Web of Data: Creating Machine-Accessible Information - ReadWriteWeb&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://esw.w3.org/topic/SweoIG/TaskForces/CommunityProjects/LinkingOpenData"&gt;Linking Open Data&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://esw.w3.org/topic/TaskForces/CommunityProjects/LinkingOpenData/DataSets"&gt;SWEO Community Project: Linking Open Data on the Semantic Web&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://zh.transwiki.org/cn/owloverview.htm"&gt;OWL Web本體語言概述 推薦標準&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://ria.richtechmedia.com/2005/03/02/ontology/"&gt;d.CAT- the RIA blog » ontology 是什麼？&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.openstreetmap.org/"&gt;OpenStreetMap&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.w3.org/DesignIssues/LinkedData.html"&gt;Linked Data - Design Issues&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=zWPS-Xw6bN4:GOSVM9lwonY:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=zWPS-Xw6bN4:GOSVM9lwonY:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/zWPS-Xw6bN4" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/zWPS-Xw6bN4/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/21/linked-open-data/</guid>
<category>web</category>
<pubDate>2009-04-21 10:10</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/21/linked-open-data/</feedburner:origLink></item>

<item>
<title>WTFPL</title>
<description>&lt;p&gt;前陣子透過 &lt;a href="http://www.manic.tw/blog"&gt;Manic&lt;/a&gt; 才知道這個超讚的授權，&lt;a href="http://sam.zoy.org/wtfpl/"&gt;WTFPL - Do What The Fuck You Want To Public License&lt;/a&gt;，「隨便拿去做你的鳥東西」授權條款，超棒的，裡面的說明和 FAQ 都很值得一看。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=7S8R-vmfP7w:eg2d7C2zJ1o:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=7S8R-vmfP7w:eg2d7C2zJ1o:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/7S8R-vmfP7w" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/7S8R-vmfP7w/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/21/wtfpl/</guid>
<category>web</category>
<pubDate>2009-04-21 10:09</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/21/wtfpl/</feedburner:origLink></item>

<item>
<title>Use DOMContentLoaded ?</title>
<description>&lt;p&gt;onload 越來越少人在用，而改用像是 &lt;a href="https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#DOMContentLoaded"&gt;DOMContentLoaded&lt;/a&gt; 這種事件來代替，像是 &lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt; 也有個 &lt;a href="http://docs.jquery.com/Events/ready"&gt;ready event&lt;/a&gt; 可以用，主要是因為 onload 事件還要等待網頁中所有的元素都讀取完畢（或是 timeout），這些元素包括圖片，其他網站的 style, script，flash 物件等，常常訪客開始看網頁內容時，需要執行的 script 卻還沒開始執行，不過並&lt;abbr title="Internet Explorer"&gt;不是所有瀏覽器&lt;/abbr&gt;都有支援 DOMContentLoaded 或是提供其他替代方案，所以各家 js library 為了處理這問題就無所不用其極限。&lt;/p&gt;

&lt;p&gt;我是傾向用另外一個方法處理這問題，不過需要一些對網頁內元件的控制能力，其實也很簡單，就是把 script 放在頁面尾端，然後馬上跑，這方法除了可以解決上述問題外，還有另外兩個好處，一是所有瀏覽器都支援，二是可以讓網頁內容先讀進來才跑 script，這也是 YSlow 的&lt;a href="http://developer.yahoo.com/performance/rules.html#js_bottom"&gt;建議項目之一&lt;/a&gt;，當然如果你就是想那讓那些瀏覽器的使用者看起來感覺不好，就當我沒說吧XD。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=qNqqA8CrIZI:BfDJgCxwx-U:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=qNqqA8CrIZI:BfDJgCxwx-U:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=qNqqA8CrIZI:BfDJgCxwx-U:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=qNqqA8CrIZI:BfDJgCxwx-U:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=qNqqA8CrIZI:BfDJgCxwx-U:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/qNqqA8CrIZI" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/qNqqA8CrIZI/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/20/domcontentloaded/</guid>
<category>script</category>
<pubDate>2009-04-20 10:07</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/20/domcontentloaded/</feedburner:origLink></item>

<item>
<title>大家來用 IE8</title>
<description>&lt;p&gt;&lt;a target="_blank" href="http://stickeraction.com/ie8infx/go" title="體驗 IE8 最新功能"&gt;&lt;img src="http://stickeraction.com/ie8infx/sticker/random" alt="體驗 IE8 最新功能" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;span class="caps"&gt;IE8 &lt;/span&gt;超棒的，大家趕快來用！！&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=lXYAZat4P7c:wriZIEaIPEQ:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=lXYAZat4P7c:wriZIEaIPEQ:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=lXYAZat4P7c:wriZIEaIPEQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=lXYAZat4P7c:wriZIEaIPEQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=lXYAZat4P7c:wriZIEaIPEQ:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/lXYAZat4P7c" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/lXYAZat4P7c/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/04/01/ie8/</guid>
<category>web</category>
<pubDate>2009-04-01 01:44</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/04/01/ie8/</feedburner:origLink></item>

<item>
<title>Object Oriented Javascript</title>
<description>&lt;div&gt;
  &lt;p&gt;
    &lt;a target="_blank" href="http://www.packtpub.com/object-oriented-javascript-applications-libraries/book"&gt;&lt;img alt="Object Oriented JavaScript" src="http://blog.othree.net/log/2009/03/29/object-oriented-javascrip/ooj-cover.png" height="381" width="300" /&gt;&lt;/a&gt;
  &lt;/p&gt;
  &lt;p&gt;
  本書評由&lt;span&gt;&lt;span&gt;othree&lt;/span&gt;&lt;/span&gt;
  評論於&lt;abbr title="20090329"&gt;2009/03/29&lt;/abbr&gt;
  ，評分為&lt;abbr title="4.5"&gt;4.5分（滿分5分）&lt;/abbr&gt;
  ，採&lt;a target="_blank" rel="license" href="http://creativecommons.org/licenses/by/2.5/tw/"&gt;創用 CC 姓名標示 授權條款&lt;/a&gt;釋出。
  &lt;/p&gt;
  &lt;div&gt;
    &lt;p&gt;看書名就知道，這本書是專門在講 JavaScript 的物件導向，其實看完這本書我當下的想法是：「媽媽我不要用 JavaScript 寫物件導向程式 Q_Q。」&lt;/p&gt;
    &lt;p&gt;這本書總共有&lt;a target="_blank" href="http://www.packtpub.com/article/object-oriented-javascript-applications-libraries-table-of-contents"&gt;八章&lt;/a&gt;，我大概可以切成三段，首先是一到四章，講基礎的 JavaScript，裡面有些東西後面會用到還蠻重要的，再來是本書最重點的五六兩章，在講 prototype 和物件繼承，最後是剩下的BOM、DOM、design pattern和附錄，前後的部份我也沒看的很仔細，主要還是五六章為主。&lt;/p&gt;
    &lt;p&gt;第五章介紹 JavaScript 特有的 prototype 屬性，接著第六章就開始講解要怎樣利用 prototype 來實作物件繼承，這部份真是越看越不想用 JavaScript 來寫 OO 的程式，作者一種方法接著一種方法介紹，然後再說有什麼問題，解著介紹比較好的方法，整章看下來早就忘了已經介紹幾種方法了，就是看完這張才讓我有了上面的感想，不過用像 &lt;a target="_blank" href="http://base2.googlecode.com/svn/doc/base2.html#/doc/%21base2.Base"&gt;Base&lt;/a&gt; 這種已經寫好的 library 我到還可以接受啦。&lt;/p&gt;
    &lt;p&gt;總之，結論，這本在 prototype 和 JavaScript 物件繼承的部份，講的很詳細，是別本書無法取代的，如果對這部份想要深入研究的，那我會推薦來看這本，不過很多時候的 Web Develop 是用不太到這些東西的（開發 Firefox Extension 用到的機會還比較大）。&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=vFUH5TPCF38:jQG6bxI_7Rc:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vFUH5TPCF38:jQG6bxI_7Rc:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vFUH5TPCF38:jQG6bxI_7Rc:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=vFUH5TPCF38:jQG6bxI_7Rc:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vFUH5TPCF38:jQG6bxI_7Rc:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/vFUH5TPCF38" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/vFUH5TPCF38/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/03/29/object-oriented-javascrip/</guid>
<category>books</category>
<pubDate>2009-03-29 01:42</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/03/29/object-oriented-javascrip/</feedburner:origLink></item>

<item>
<title>Zowie N-RF1</title>
<description>&lt;p&gt;上個月參加 iqmore blog 的活動，我幸運的抽到這張滑鼠墊來試用，所以有了這篇文章，剛好我之前用的是EVERGLIDE &lt;span&gt;TITAN&lt;/span&gt;（我知道很老了XD），所以就拿這張來做比較了，直接說結論，這張滑鼠墊在各方面都比TITAN好，重點特色的防水就不說了，像是移動時的阻力，鼠墊背面防滑層的效果，表現都比TITAN還好。&lt;/p&gt;

&lt;p&gt;&lt;a target="_blank" href="http://www.flickr.com/photos/othree/3337109801/" title="Flickr 上 othree 的 Zowie N-RF1"&gt;&lt;img src="http://farm4.static.flickr.com/3664/3337109801_5dd88794e5.jpg" alt="疊疊樂，下面是之前用的 Everglide Titan" height="375" width="500" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;其實可以的話，考量到桌面空間，我是不希望用鼠墊的，不過一般桌面用起來都不是很好，通常是摩擦力太大，所以後來還是用起鼠墊來，在玻璃和布之間，我挑選的一直是布墊，原因有二，一是觸感比較好，二是價錢比較便宜，當然布墊沒辦法到玻璃墊那樣誇張的滑順程度，不過我覺得用起來也還算ok，也配過鐵佛龍膠布來貼鼠腳，效果當然不錯，不過磨損的實在很快，所以後來也沒繼續貼了，總之我後來換了 &lt;span&gt;EVERGLIDE TITAN &lt;/span&gt;後就一直用了幾年沒換，這次換用 Zowie 的RF-1 後有種科技持續在進步的感覺XD。首先感覺到的當然就是摩擦力變小了，雖然沒用多久就沒感覺了，不過在回去用 &lt;span&gt;TITAN &lt;/span&gt;就覺得移動困難XD，算是有明顯的差距。再來是他的滑防層，看起來摸起來都沒什麼，不過效果還真的很不錯，放在桌上，我的MX-R 壓上去，要從旁邊拉動就很困難了。&lt;/p&gt;

&lt;p&gt;最後要說說我覺得還比較不夠的，就是要做細微控制的時候，還是很容易跑超過，這部份也可能是因為我手殘吧XD&lt;/p&gt;

&lt;p&gt;&lt;a target="_blank" href="http://www.flickr.com/photos/othree/3337942016/" title="Flickr 上 othree 的 Zowie N-RF1"&gt;&lt;img src="http://farm4.static.flickr.com/3339/3337942016_2f9edda55c.jpg" alt="用很久的 MX-Revolution" height="500" width="375" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a target="_blank" href="http://www.flickr.com/photos/othree/3337114517/" title="Flickr 上 othree 的 Zowie N-RF1"&gt;&lt;img src="http://farm4.static.flickr.com/3398/3337114517_84813ab000.jpg" alt="背面防滑墊比較" height="375" width="500" /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a target="_blank" href="http://www.zowiegear.com/"&gt;Zowie 官網&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a target="_blank" href="http://www.iqmore.idv.tw/" title="iqmore"&gt;老貓的 Blog&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=vXyxXWXRUSo:YJrMS6PBh1M:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vXyxXWXRUSo:YJrMS6PBh1M:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vXyxXWXRUSo:YJrMS6PBh1M:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=vXyxXWXRUSo:YJrMS6PBh1M:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vXyxXWXRUSo:YJrMS6PBh1M:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/vXyxXWXRUSo" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/vXyxXWXRUSo/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/03/08/zowie_n-rf1/</guid>
<category>buy</category>
<pubDate>2009-03-08 01:41</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/03/08/zowie_n-rf1/</feedburner:origLink></item>

<item>
<title>Cross-Browser Inline Block</title>
<description>&lt;p&gt;大約兩週前在 Mozilla Webdev Blog 上有一篇 &lt;a target="_blank" href="http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/"&gt;Cross-Browser Inline-Block&lt;/a&gt; ，介紹如何用 inline block 代替 float 排列，好解決方塊高度不同時，float 排列會造成的問題，當然，這麼新(?)的 display 屬性，必定會有&lt;span title="IE"&gt;瀏覽器&lt;/span&gt;不支援，加上其實目前各家瀏覽器的行為表現都還不是很一致，所以整篇文章大部分的篇幅是在處理 cross browser 的問題。那時候 DK 長輩說我要是有什麼想法的話可以發一篇，那時候雖然覺得好像有什麼可以講的，不過直到昨天看了 flickr 的原始碼時才知道我想講的是什麼。&lt;/p&gt;&lt;p&gt;首先，其實這篇文章介紹的方法我覺得做的很好了，CSS hack的部份也還算乾淨，不過我很龜毛，覺得用到 inline 來做這種像是 block 的東西就是覺得怪怪的，昨天在看 flickr 時突然就在想：「他們是用什麼方法來排照片的？」打開原始碼一看，是 table，flickr 是用 table 來排照片的，我才回憶起之前買的 &lt;a target="_blank" href="http://blog.othree.net/log/2008/12/18/csswrong/"&gt;Everything You Know About &lt;span&gt;CSS &lt;/span&gt;is Wrong&lt;/a&gt; 這本書，裡面主要介紹到的東西是 table-cell, table-row, ... 等表格元件的 display 屬性，又稱為 css-table，簡單說就是可以拿其他標籤來做 table，這些 display 屬性值可以讓 &lt;span&gt;HTML &lt;/span&gt;文件保持它比較適合的語意，但是顯示上又能夠和 table 一樣排列，雖然我在 Everything You Know About &lt;span&gt;CSS &lt;/span&gt;is Wrong 的書評中寫到我覺得拿 css-table 來排版還是怪怪的，但是如果是拿來排照片、商品目錄這種，我就突然覺得還不錯，不過 css-table 很理所當然的和 table 一樣，一列要幾個 cell 在寫 &lt;span&gt;HTML &lt;/span&gt;markup 階段時就要決定了，不像 float 或是 inline-block 可以透過控制長度來調整，真的達到文件結構和顯示分開的理想。&lt;/p&gt;

&lt;p&gt;用 css-table 來排還是有它的好處，最明顯的就是同一列的 cell 高度都會一樣。想要元件高度會自動調整，然後同排的還會一樣高，目前只有用 table 的解法，不論是真的用 table 還是用 css-table，當然，盡量避免非表格資料的東西使用 table 標籤，所以比較好的處理方法還是 css-table。&lt;/p&gt;

&lt;p&gt;兩種方法各有他的優缺點，還很難說哪種方法比較好，先不考慮 css-table 方法在舊瀏覽器的支援度問題的話，我是覺得可以用整個版面的 layout 是固定寬度還是自動寬度來決定用那個方法比較好，如果版面是固定寬度的話比較適合用 css-table，反之則是用 inline block。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=e9Gho37OOUs:76udLUrbDD4:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=e9Gho37OOUs:76udLUrbDD4:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=e9Gho37OOUs:76udLUrbDD4:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=e9Gho37OOUs:76udLUrbDD4:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=e9Gho37OOUs:76udLUrbDD4:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/e9Gho37OOUs" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/e9Gho37OOUs/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/03/04/cross-browser-inline-block/</guid>
<category>css-html</category>
<pubDate>2009-03-04 01:40</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/03/04/cross-browser-inline-block/</feedburner:origLink></item>

<item>
<title>最近</title>
<description>&lt;p&gt;最近心境有些變化，不過這部份不適合在這講XD，要說的是關於這裡的事，目前有兩個計畫，一比較單純，就是這裡的樣式想改版，還想對應mobile device，雖然問題是有多少人會用行動裝置來看我的部落格～＿～，目前有兩個主要方向：黑底白字、減少頁面資訊。&lt;/p&gt;

&lt;p&gt;另外一個就是 &lt;a target="_blank" href="http://gugod.org/"&gt;gugod&lt;/a&gt; 前陣子叫我推廣大家多用 &lt;span&gt;&lt;span class="caps"&gt;CSS3&lt;/span&gt;&lt;/span&gt;，所以想寫一系列文章，一篇文章介紹一個 &lt;span&gt;&lt;span class="caps"&gt;CSS3 &lt;/span&gt;&lt;/span&gt;的特色，包括還沒瀏覽器支援的，所以最近兩週都花了些時間在看 &lt;span&gt;&lt;span class="caps"&gt;CSS3&lt;/span&gt;&lt;/span&gt; Spec，不過越看越覺得自己認識實在還很少，而且另外還有一些東西我覺得可以介紹的，其實是 &lt;span&gt;&lt;span class="caps"&gt;CSS2 &lt;/span&gt;&lt;/span&gt;的東西，但是因為 IE 過去一直不支援所以很少人用，這部份該不該放一起我還蠻猶豫的。&lt;/p&gt;

&lt;p&gt;可惜我這週有工作要忙，所以至少要下週才會開始有東西出來吧（其實有壓力時才會想寫啊XD）。&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/othree?a=vUp6PWEvWxc:15smnUN8Qqw:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vUp6PWEvWxc:15smnUN8Qqw:YwkR-u9nhCs"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=YwkR-u9nhCs" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vUp6PWEvWxc:15smnUN8Qqw:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?i=vUp6PWEvWxc:15smnUN8Qqw:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/othree?a=vUp6PWEvWxc:15smnUN8Qqw:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/othree?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/othree/~4/vUp6PWEvWxc" height="1" width="1"/&gt;</description>
<link>http://feedproxy.google.com/~r/othree/~3/vUp6PWEvWxc/</link>
<guid isPermaLink="false">http://blog.othree.net/log/2009/02/17/post_1/</guid>
<category>diary</category>
<pubDate>2009-02-17 01:39</pubDate>
<feedburner:origLink>http://blog.othree.net/log/2009/02/17/post_1/</feedburner:origLink></item>


</channel>
</rss>
