iamhlb 2009-11-05T08:00:00+00:00 hlb http://iamhlb.com/ This is an XML content feed. It is intended to be viewed in a newsreader or syndicated to another site, subject to copyright and fair use.Links for 2009-11-04 [del.icio.us]2009-11-05T00:00:00-08:00http://del.icio.us/hlb#2009-11-04<ul> <li><a href="http://bricksmith.sourceforge.net/">Bricksmith</a><br/> 雖然還沒空玩，不過這真是超棒的</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/OZkPBFi3jkA" height="1" width="1"/>http://del.icio.us/hlb#2009-11-04Links for 2009-10-20 [del.icio.us]2009-10-21T00:00:00-07:00http://del.icio.us/hlb#2009-10-20<ul> <li><a href="http://srobbin.com/jquery-plugins/jquery-approach/">jQuery Approach by Scott Robbin</a><br/> 好像可以拿來寫什麼玩具...</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/zVB8npS59Ik" height="1" width="1"/>http://del.icio.us/hlb#2009-10-20Links for 2009-10-16 [del.icio.us]2009-10-17T00:00:00-07:00http://del.icio.us/hlb#2009-10-16<ul> <li><a href="http://www.youtube.com/watch?v=2lXh2n0aPyw">YouTube - Piano stairs - TheFunTheory.com - Rolighetsteorin.se</a><br/> good design changes.</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/ZSjTifp0pKk" height="1" width="1"/>http://del.icio.us/hlb#2009-10-16 Home Office 2.0 tag:iamhlb.com,2009-09-06:1252212351 2009-09-06T12:45:51+08:00 hlb <p>這個週末跟太太重新規劃了居家空間。</p> <p>我家平日就是太太、小丁、我三個人住。除了吃飯時間之外，室內主要的活動空間（主人房、工作區、休閒區）其實都在二樓。而且因為空間設計的關係，工作區與休閒區其實都在一起。（而且全家哪裡都是小丁的玩樂區&#8230;&#8230;）</p> <p>這是我原本在二樓的工作區，跟太太是共用的：</p> <a href='http://www.flickr.com/photos/hlb/3521519306/' title='Flickr 上 hlb 的 新設定'><img src='http://farm4.static.flickr.com/3350/3521519306_a1a23e7b0c.jpg' height='375' alt='新設定' width='500' /></a> <p>小丁漸漸長大了，我們覺得應該要給小丁更充裕的室內空間，也覺得要提早規劃一下小孩房。我們都不想把小孩房設在三樓，這樣太累了。所以就決定把一樓客廳劃一塊空間出來作工作區，然後把原本二樓的工作/休息區改成小孩房。</p> <p>忙碌了一天，終於完工啦。因為靠山邊，所以一樓晚上超級涼快的&#8230;&#8230;昨晚工作心情十分好 :D</p> <a href='http://www.flickr.com/photos/hlb/3891946036/' title='Flickr 上 hlb 的 new home office in 1F (night)'><img src='http://farm3.static.flickr.com/2423/3891946036_6d51fc5d5d.jpg' height='375' alt='new home office in 1F (night)' width='500' /></a> <p>白天採光也比想像的還要好。</p> <a href='http://www.flickr.com/photos/hlb/3891160313/' title='Flickr 上 hlb 的 new home office in 1F (day)'><img src='http://farm3.static.flickr.com/2608/3891160313_9a9428a6bd.jpg' height='375' alt='new home office in 1F (day)' width='500' /></a> <p>一定要喝啤酒工作的啦！</p> <a href='http://www.flickr.com/photos/hlb/3891952198/' title='Flickr 上 hlb 的 new home office in 1F (day)'><img src='http://farm4.static.flickr.com/3434/3891952198_9cebaacc5e.jpg' height='375' alt='new home office in 1F (day)' width='500' /></a> <p>太太把一樓整理的好整齊：</p> <a href='http://www.flickr.com/photos/hlb/3892019340/' title='Flickr 上 hlb 的 咦，難得這麼整齊'><img src='http://farm4.static.flickr.com/3435/3892019340_747c53db92.jpg' height='375' alt='咦，難得這麼整齊' width='500' /></a><a href='http://www.flickr.com/photos/hlb/3891229429/' title='Flickr 上 hlb 的 滿滿的玩具、書跟漫畫......'><img src='http://farm3.static.flickr.com/2422/3891229429_c236f97bc7.jpg' height='375' alt='滿滿的玩具、書跟漫畫......' width='500' /></a> <p>Mac Mini 也搬到一樓之後，終於不用接 MBP 看電影了&#8230;&#8230;</p> <a href='http://www.flickr.com/photos/hlb/3891166829/' title='Flickr 上 hlb 的 projector + amplifier'><img src='http://farm3.static.flickr.com/2460/3891166829_5772536b1d.jpg' height='375' alt='projector + amplifier' width='500' /></a> <p>窗外光線好～</p> <a href='http://www.flickr.com/photos/hlb/3891954062/' title='Flickr 上 hlb 的 window'><img src='http://farm4.static.flickr.com/3523/3891954062_c7537e6916.jpg' height='375' alt='window' width='500' /></a> <p>貓咪也開心～</p> <a href='http://www.flickr.com/photos/hlb/3892020208/' title='Flickr 上 hlb 的 模擬坐著很舒服的樣子'><img src='http://farm3.static.flickr.com/2560/3892020208_7a9c3c3715.jpg' height='375' alt='模擬坐著很舒服的樣子' width='500' /></a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=cnwwe2MnANQ:AafNFLjkdR8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=cnwwe2MnANQ:AafNFLjkdR8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=cnwwe2MnANQ:AafNFLjkdR8:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/cnwwe2MnANQ" height="1" width="1"/> http://iamhlb.com/writings/2009/09/06/home-office-two-point-o/ Links for 2009-09-04 [del.icio.us]2009-09-05T00:00:00-07:00http://del.icio.us/hlb#2009-09-04<ul> <li><a href="http://www.rustybrick.com/svg-support-for-internet-explorer.html">SVGWeb Brings SVG Support to Internet Explorer</a></li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/3Z0CgmJlAts" height="1" width="1"/>http://del.icio.us/hlb#2009-09-04Links for 2009-09-02 [del.icio.us]2009-09-03T00:00:00-07:00http://del.icio.us/hlb#2009-09-02<ul> <li><a href="http://blog-imgs-34.fc2.com/k/a/g/kagonekoshiro/f09080702.jpg">f09080702.jpg 450&times;300 pixels</a><br/> I Can Haz Cheezburger</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/H5W9xNpTBT8" height="1" width="1"/>http://del.icio.us/hlb#2009-09-02Links for 2009-08-25 [del.icio.us]2009-08-26T00:00:00-07:00http://del.icio.us/hlb#2009-08-25<ul> <li><a href="http://www.machangout.com/">Glims</a><br/> 讓 Safari 可以 fullscreen，而且可以把 tab 開到目前 tab 的右邊</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/lc6UevY8Kuc" height="1" width="1"/>http://del.icio.us/hlb#2009-08-25Links for 2009-08-24 [del.icio.us]2009-08-25T00:00:00-07:00http://del.icio.us/hlb#2009-08-24<ul> <li><a href="http://css-tricks.com/css-sprites-with-inline-images/">CSS Sprites with Inline Images | CSS-Tricks</a><br/> 用 clip 讓 inline image 也可以用 sprites 技巧</li> <li><a href="http://vladimir-k.blogspot.com/2009/02/sexy-combo-jquery-plugin.html">jBlog: Sexy Combo jQuery plugin</a><br/> jQuery 版 ComboBox，哪天應該用得到吧</li> <li><a href="http://bluff.jcoglan.com/">Bluff: Beautiful graphs in JavaScript</a><br/> JavaScript 版的 gruff</li> </ul><img src="http://feeds.feedburner.com/~r/hlb/~4/XTrv0-3JfLk" height="1" width="1"/>http://del.icio.us/hlb#2009-08-24 Podcast: 吳東龍 on Design Tokyo tag:iamhlb.com,2009-07-08:1247067941 2009-07-08T23:45:41+08:00 hlb <p>上週六(7/4)跑去內湖學學文創參加 <a href='http://www.xuexue.tw/institute/lect_detail.asp?PKey={325DE33B-DEAD-4146-B5C2-32F30CA6A3B4}'>Summer Party + Pecha Kucha Night</a>，有吃有喝有玩有<a href='http://tw.myblog.yahoo.com/sunnyday-artsschool/article?mid=4597'>畫畫</a>，十分有趣的體驗。</p> <p><a href='http://www.tomic.idv.tw/'>吳東龍</a>先生在 Summer Party 給了一場關於東京設計的演講，內容跟投影片設計都非常棒。我特別錄了下來，經過吳先生的許可，放在網路上供大家<a href='http://files.getdropbox.com/u/132028/tomic-design-tokyo.mp3'>下載(MP3, 21.8MB)</a>。</p> <p><a href='http://www.flickr.com/photos/hlb/3701636650/' title='吳東龍介紹東京設計'><img src='http://farm3.static.flickr.com/2417/3701636650_85a34624de.jpg' alt='吳東龍介紹東京設計' /></a></p> <p>只要有心，哪裡都可以有 spotlight：</p> <p><a href='http://www.flickr.com/photos/hlb/3701614574/' title='Spotlight DIY'><img src='http://farm3.static.flickr.com/2452/3701614574_9b1af31043.jpg' alt='Spotlight' /></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=-CBsMnHPhoI:kjypi3i2jJY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=-CBsMnHPhoI:kjypi3i2jJY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=-CBsMnHPhoI:kjypi3i2jJY:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/-CBsMnHPhoI" height="1" width="1"/> http://iamhlb.com/writings/2009/07/08/podcast-tomic-wu-on-design-tokyo/ Playing Fever tag:iamhlb.com,2009-06-26:1245956400 2009-06-26T03:00:00+08:00 hlb <blockquote> <p>Your current feed reader is full of unread items. You’re hesitant to subscribe to any more feeds because you can&#8217;t keep up with your existing subs. Maybe you&#8217;ve even abandoned feeds altogether.</p> <p>Fever takes the temperature of your slice of the web and shows you what&#8217;s hot.</p> </blockquote> <p><a href='http://feedafever.com/'>Fever</a> 的廣告詞寫得實在太美好，一時衝動就忍不住下手了。原本擔心中文支援的問題，還特別寫了一封信去問。結果 <a href='http://shauninman.com/'>Shaun Inman</a> 回信附上一個日文 blog 的 screenshot，有圖有真相，所以我就安心下單了。</p> <p>Fever 的安裝流程很順暢，只要從官方網站下載一個壓縮檔，解壓縮到網站目錄下，設定好寫入權限，再照著指示一步步操作即可。這個 loader 會自己去下載 Fever 的主程式放到目錄下，如果日後有新版本也會自己主動更新。</p> <p>我是在自家 Mac Mini 上安裝 Fever 的。Fever 需要 PHP，並且建議要支援 GD。可是 Mac OS 內建的 PHP 其實並沒有支援 GD。原本想說 MacPorts 裝一下就好了，可是 Google 亂翻一下之後，發現用 MacPorts 會非常麻煩，於是就改裝 <a href='http://www.entropy.ch/'>Zürich</a> 預先 build 好的<a href='http://www.entropy.ch/software/macosx/php/'>版本</a>。</p> <p>安裝完成之後，第一步當然是匯入之前的 OPML。Fever 雖然可以匯入內含 group 資訊的 OPML，不過它並不支援多層 group，所以像我這種正好有用多層 group 的人就踩到地雷了。目前 1.02 版有個 bug 是，如果匯入了多層 group，會把上一層 group 裡面的 feeds 誤植到下一層的最後一個 group 裡面。所以我就乾脆放棄原本的 group 分類了。</p> <p>匯入之後就看到感動的 Hot 分析了，Typekit 真是超紅的。哇哈哈，再也不用看到 XXXX unread 了。</p> <p><a href='http://farm4.static.flickr.com/3656/3659799216_5bdd8759bd.jpg' title='My Fever° Hot'><img src='http://farm4.static.flickr.com/3656/3659799216_5bdd8759bd.jpg' alt='My Fever° Hot' /></a></p> <p>Fever 的快速鍵很直覺，所以上手很快。用 Safari 跟 Firefox 操作起來都還算順暢，不過跟桌面軟體(eg. NetNewsWire)還是有一段不小的差距。Hot 這個功能十分有趣，不過現在似乎還不夠聰明，會找出一些無厘頭的字。另外整個介面上都很刻意地把「數量感」隱藏起來，所以不會有訂閱了很多 feeds 的感覺（我目前有 400+ feeds）。</p> <p>雖然 Fever 網站推薦使用 <a href='http://fluidapp.com/'>Fluid.app</a>，而且在 Fluid 裡面開分頁看網頁還蠻順暢的。可是我想要讓連結開到 Safari 去總是有<a href='http://zonble.net/archives/2009_04/1128.php'>大大小小的問題</a>，所以後來就放棄了。</p> <p>另外有個中文的問題是，雖然瀏覽文字都沒有問題，不過在編輯介面似乎沒有處理好，都會變成亂碼。</p> <p><a href='http://www.flickr.com/photos/hlb/3658640931/' title='Chinese Rendering Bug in Fever'><img src='http://farm4.static.flickr.com/3404/3658640931_e87480f17d.jpg' alt='Chinese Rendering Bug in Fever' /></a></p> <p>用過幾天再來更新這一篇好了。</p> <h3 id='626_'>6/26 更新</h3> <p>踩到地雷了，有些 A feed 的文章跑到 B feed 去，理由不明。</p> <p><a href='http://www.flickr.com/photos/hlb/3660896870/' title='Feed Bug in Fever'><img src='http://farm3.static.flickr.com/2479/3660896870_bc88d37416.jpg' alt='Feed Bug in Fever' /></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=W_pCobxSvC0:0xuC5AXlcPA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=W_pCobxSvC0:0xuC5AXlcPA:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=W_pCobxSvC0:0xuC5AXlcPA:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/W_pCobxSvC0" height="1" width="1"/> http://iamhlb.com/writings/2009/06/26/playing-fever/ Coffee Series tag:iamhlb.com,2009-05-23:1243049573 2009-05-23T11:32:53+08:00 hlb <p>心血來潮，決定把自己喜歡的咖啡店<a href='/coffee'>紀錄下來</a>。</p> <p>第一篇是 <a href='/coffee/erise-coffee'>Erise Coffee</a>。謝謝 <a href='http://jiwostudio.com/'>Leo</a> 拍的好照片。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=kjEgvtFa4ew:CX1rw8f49rE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=kjEgvtFa4ew:CX1rw8f49rE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=kjEgvtFa4ew:CX1rw8f49rE:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/kjEgvtFa4ew" height="1" width="1"/> http://iamhlb.com/writings/2009/05/23/coffee-series/ 「UI 魂」徽章入手 tag:iamhlb.com,2009-05-05:1241521242 2009-05-05T19:00:42+08:00 hlb <p>昨天早上收到一封寄給小丁的快遞&#8230;&#8230;</p> <p><a href='http://www.flickr.com/photos/hlb/3499273111/' title='[薛小丁收到的第一封信'><img src='http://farm4.static.flickr.com/3383/3499273111_bd0ff4384c.jpg' alt='薛小丁收到的第一封信' /></a></p> <p>結果是 Leo 寄來的 <a href='http://jiwostudio.com/archives/1299'>UI 魂</a>徽章，雖然在封印狀態，還是有股殺氣：</p> <p><a href='http://www.flickr.com/photos/hlb/3499273459/' title='封印狀態'><img src='http://farm4.static.flickr.com/3364/3499273459_cc62a43967.jpg' alt='封印狀態' /></a></p> <p>一打開來就有好強大的氣！黑色的頭髮真像怪獸的牙齒！</p> <p><a href='http://www.flickr.com/photos/hlb/3500091748/' title='好強大的氣'><img src='http://farm4.static.flickr.com/3653/3500091748_70c0f6d2b2.jpg' alt='好強大的氣' /></a></p> <p>哇哈哈，我等著<a href='http://zh.wikipedia.org/w/index.php?title=%E5%A4%9A%E7%BE%85%E7%BE%85&amp;variant=zh-tw'>多羅羅</a>來找回他的 UI 魂。</p> <ul id='photos'> <li><img src='http://farm4.static.flickr.com/3383/3499273111_bd0ff4384c.jpg' alt='薛小丁收到的第一封信' /><div class='panel-overlay'><h2>薛小丁收到的第一封信</h2> <p><a href='http://www.flickr.com/photos/hlb/3499273111/'>view source</a></p> </div></li> <li><img src='http://farm4.static.flickr.com/3364/3499273459_cc62a43967.jpg' alt='封印狀態' /><div class='panel-overlay'><h2>封印狀態</h2> <p><a href='http://www.flickr.com/photos/hlb/3499273459/'>view source</a></p> </div></li> <li><img src='http://farm4.static.flickr.com/3653/3500091748_70c0f6d2b2.jpg' alt='好強大的氣' /><div class='panel-overlay'><h2>好強大的氣</h2> <p><a href='http://www.flickr.com/photos/hlb/3500091748/'>view source</a></p> </div></li> <li><img src='http://farm4.static.flickr.com/3365/3500092094_35c137506c.jpg' alt='近看 UI 像 VI...... VI 魂！' /><div class='panel-overlay'><h2>近看 UI 像 VI...... VI 魂！</h2> <p><a href='http://www.flickr.com/photos/hlb/3500092094/'>view source</a></p> </div></li> </ul><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=1Vyi0XK4o_E:VdU5gmr2z98:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=1Vyi0XK4o_E:VdU5gmr2z98:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=1Vyi0XK4o_E:VdU5gmr2z98:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/1Vyi0XK4o_E" height="1" width="1"/> http://iamhlb.com/writings/2009/05/05/i-got-the-ui-spirit-button/ My Recorded Podcasts of UI Gathering Are Online tag:iamhlb.com,2009-04-20:1240208207 2009-04-20T14:16:47+08:00 hlb <p><a href='http://www.flickr.com/photos/lis186/3455502673/' title='Me in UI Gathering Lightning Talk'><img src='http://farm4.static.flickr.com/3349/3455502673_888225face.jpg' alt='Me in UI Gathering Lightning Talk' /></a></p> <p>因為中午跟太太與小丁一起吃飯，所以趕到 UI Gathering 會場的時候，第一場演講已經開始一段時間了。<a href='http://www.tonytang2009.com/'>Tony Tang</a> 的演講很精彩，專有名詞有點多，所以有種被轟炸的感覺。覺得沒從頭聽到真的很可惜啊。另外兩位講者的講題都比較熟悉，而且也都蠻好笑的。我好想要玩 <a href='http://masolin.blogspot.com/2009/04/ui-prototype.html'>maso</a> 那個 Flash 小遊戲喔。</p> <p>我有報名 Lightning Talk，講題是「好設計突破技術瓶頸 – Registrano活動頁面改版紀錄」。原本想說五分鐘內可以講完的，結果臨場緊張就不小心花了七分三十秒&#8230;&#8230;</p> <object height='460' style='margin:0px' width='550'><param name='movie' value='http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=use-design-to-solve-technical-bottlenecks-090419084944-phpapp01&stripped_title=use-design-to-solve-technical-bottlenecks' /><param name='wmode' value='transparent' /><param name='allowScriptAccess' value='always' /><param name='allowFullScreen' value='true' /><param name='allowScriptAccess' value='always' /><embed src='http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=use-design-to-solve-technical-bottlenecks-090419084944-phpapp01&stripped_title=use-design-to-solve-technical-bottlenecks' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' height='460' wmode='transparent' width='550' /></object> <p>以下是我當天錄的檔案，請自行取用。</p> <ul> <li>唐聖凱：媒材、設計與適應性思考唐聖凱 <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-1.mp3'>Download MP3</a></li> <li>蔡明哲：「偽」網站設計-Website Prototype Design的實務應用分享 <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-2.mp3'>Download MP3</a></li> <li>林秉舒：UI prototype實作經驗分享 <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-3.mp3'>Download MP3</a></li> <li>Lightning Talk - Ivan <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-lt-ivan.mp3'>Download MP3</a></li> <li>Lightning Talk - XXC <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-lt-xxc.mp3'>Download MP3</a></li> <li>Lightning Talk - hlb <a href='http://dl.getdropbox.com/u/132028/uigathering-0419-lt-hlb.mp3'>Download MP3</a></li> </ul><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=Kb_A9goyGqo:b33hq5f_IMk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=Kb_A9goyGqo:b33hq5f_IMk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=Kb_A9goyGqo:b33hq5f_IMk:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/Kb_A9goyGqo" height="1" width="1"/> http://iamhlb.com/writings/2009/04/20/my-recorded-podcasts-of-ui-gathering-are-online/ My Recorded Podcasts of OSDC Are Online tag:iamhlb.com,2009-04-20:1240204585 2009-04-20T13:16:25+08:00 hlb <p><a href='http://osdc.tw/'>OSDC</a> 圓滿結束了。因為我昨天下午改跑去參加 <a href='http://registrano.com/events/uigathering041909'>UI Gathering</a>，所以就沒有聽到下午的議程。沒聽到 JUI 跟 Lightning Talk 真是可惜。</p> <p>以下是我有成功錄音的場次。有幾場錄音效果太差（像是 Paul Bakaus 的 Unit Testing in jQuery，以及 DHH 的 video conference），就不放上來了。因為沒有用外接麥克風錄，所以以下錄音檔都會聽到我頻繁的打字聲，請多包涵。</p> <ul> <li>jQuery and jQuery UI in Depth - Paul Bakaus: <a href='http://dl.getdropbox.com/u/132028/jQuery%20and%20jQuery%20UI%20in%20Depth%20-%20Paul%20Bakaus%20Part%201.mp3'>Download MP3 Part 1</a>、<a href='http://dl.getdropbox.com/u/132028/jQuery%20and%20jQuery%20UI%20in%20Depth%20-%20Paul%20Bakaus%20Part%202.mp3'>Download MP3 Part 2</a>。</li> <li><a href='http://blog.gslin.org/archives/2009/04/18/1987/'>Improve web performance using CDN - gslin</a>: <a href='http://dl.getdropbox.com/u/132028/CDN%20-%20gslin.mp3'>Download MP3</a></li> <li><a href='http://www.wait-till-i.com/2009/04/18/open-and-accessible-my-talk-at-the-osdc-in-taipei-taiwan/'>Accessibility - Chris Heilmann</a>: <a href='http://dl.getdropbox.com/u/132028/Christian%20Heilmann%20%28OSDC%29.mp3'>Download MP3</a></li> <li><a href='http://www.slideshare.net/gugod/good-evils-in-perl'>Good Evils in Perl - Gugod</a>: <a href='http://dl.getdropbox.com/u/132028/Good%20Evils%20in%20Perl%20-%20Gugod.mp3'>Download MP3</a></li> <li><a href='http://ihower.idv.tw/blog/archives/2722'>Ruby 1.9 - ihower</a>: <a href='http://dl.getdropbox.com/u/132028/Ruby%201_9%20-%20ihower.mp3'>Download MP3</a></li> <li><a href='http://www.slideshare.net/jserv/what-can-compilers-do-for-us'>What Can Compilers Do for Us? - jserv</a>: <a href='http://dl.getdropbox.com/u/132028/What%20Compilers%20do%20for%20us%20-%20Jserv.mp3'>Download MP3</a></li> </ul><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=zE5d2eFdIiY:6pF23Xarwwg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=zE5d2eFdIiY:6pF23Xarwwg:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=zE5d2eFdIiY:6pF23Xarwwg:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/zE5d2eFdIiY" height="1" width="1"/> http://iamhlb.com/writings/2009/04/20/my-recorded-podcasts-of-osdc-are-online/ The Podcast of jQuery and jQuery UI in Depth Is Now Online tag:iamhlb.com,2009-04-17:1239971538 2009-04-17T20:32:18+08:00 hlb <p>今天是 <a href='http://osdc.tw/'>OSDC</a> 第一天，我報名了下午 <a href='http://paulbakaus.com/'>Paul Bakaus</a> 的 &#8220;jQuery and jQuery UI in Depth&#8221; 教程。</p> <p>Paul Bakaus 一開始講 object/prototype 的部份，還真像<a href='http://handlino.com/'>敝公司</a>的 JavaScript 面試考題&#8230;&#8230;</p> <p>今天聽到了一些之前不曉得，或是誤解的部份，大概紀錄一下：</p> <ul> <li>!!() 會把 closure 回傳的值轉換成 boolean。</li> <li>jQuery 1.3 的 live() 實際上是自己做 event delegation，把 event 綁在 document 上。</li> <li>jQuery UI 的 drag &amp; drop 有 snapping、z-index control、還有保持 relative/absolute/fixed positioning 的功能。這個厲害。</li> </ul> <p>我把今天的錄音檔放在 Dropbox，有興趣可以下載：<a href='http://dl.getdropbox.com/u/132028/jQuery%20and%20jQuery%20UI%20in%20Depth%20-%20Paul%20Bakaus%20Part%201.mp3'>上半場</a>、<a href='http://dl.getdropbox.com/u/132028/jQuery%20and%20jQuery%20UI%20in%20Depth%20-%20Paul%20Bakaus%20Part%202.mp3'>下半場</a>。</p> <p>明天 Paul 還要講 Unit Test，期待。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=jT0O6xZgl0k:2y1elm_W_T8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=jT0O6xZgl0k:2y1elm_W_T8:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=jT0O6xZgl0k:2y1elm_W_T8:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/jT0O6xZgl0k" height="1" width="1"/> http://iamhlb.com/writings/2009/04/17/the-podcast-of-jquery-and-jquery-ui-in-depth-is-now-online/ The Podcast of Chris's Talk Is Now Online tag:iamhlb.com,2009-04-16:1239895588 2009-04-16T23:26:28+08:00 hlb <p><a href='http://www.flickr.com/photos/codepo8/3446586427/in/set-72157616769902459/' title='Chris and me'><img src='http://farm4.static.flickr.com/3382/3447399678_6bb19c5daa_d.jpg' alt='Chris and me' /></a></p> <p>I have attended the <a href='http://registrano.com/events/090416ydn'>Yahoo! University Talk in NCTU</a> today. <a href='http://www.wait-till-i.com/'>Chris</a> is a very good speaker. He provides a very clear overview, and make people laugh from start to finish. You can <a href='http://www.wait-till-i.com/2009/04/16/the-road-to-professional-web-development-my-university-talk-in-taiwan/'>check out his slide</a>.</p> <p>I have recorded the talk, but missed the first 5 mins or so. I have already asked Chris for the permission, so you can <a href='http://dl.getdropbox.com/u/132028/Christian%20Heilmann%20%28NCTU%29.mp3'>download the MP3</a> from my Dropbox.</p> <p>Chris will be in <a href='http://osdc.tw/'>OSDC</a> too, and I will look forward to get more insight from Chris, like the YUI3 or YQL development.</p> <p>我今天參加<a href='http://registrano.com/events/090416ydn'>Yahoo!奇摩交大校園講座</a>。<a href='http://www.wait-till-i.com/'>Chris</a>實在是個厲害的講者。他今天主要的內容是網頁標準開發的歷史進程概述，非常的清楚明白，而且讓大家從頭到尾笑聲不斷。你可以<a href='http://www.wait-till-i.com/2009/04/16/the-road-to-professional-web-development-my-university-talk-in-taiwan/'>在他的網站看到這份投影片</a>。</p> <p>我今天有用新買的 WireTap Studio 錄音，不過前面五分鐘左右忘記錄到了。我有寄信問 Chris，他同意我把這份錄音檔放在網路上。有興趣可以從我的 Dropbox <a href='http://dl.getdropbox.com/u/132028/Christian%20Heilmann%20%28NCTU%29.mp3'>下載 MP3 檔</a>。</p> <p>Chris 也會去 <a href='http://osdc.tw/'>OSDC</a>，希望能聽到更深入的內容，像是還沒用過的 YUI3 或是 YQL。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=k1oW7l_kxSM:oiwBG3AbDps:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=k1oW7l_kxSM:oiwBG3AbDps:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=k1oW7l_kxSM:oiwBG3AbDps:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/k1oW7l_kxSM" height="1" width="1"/> http://iamhlb.com/writings/2009/04/16/the-podcast-of-chriss-talk-is-now-online/ 請 IE6 用戶升級他們的瀏覽器 tag:iamhlb.com,2009-04-15:1239729719 2009-04-15T01:21:59+08:00 hlb <p><a href='http://www.flickr.com/photos/hlb/3441773969/' title='Flickr 上 hlb 的 VMware FusionScreenSnapz001'><img src='http://farm4.static.flickr.com/3311/3441773969_2cd345fb09.jpg' height='387' alt='VMware FusionScreenSnapz001' width='500' /></a></p> <p>我之前提到<a href='/writings/2009/04/09/you-will-get-naked-page-if-you-use-ie-6-still/'>用 Conditional Comment 避免 IE6 看到 CSS 的作法</a>，不過今天發現更愉快的 <a href='http://code.google.com/p/ie6-upgrade-warning/'>ie6-upgrade-warning</a>。這個 JavaScript 小程式會要求客戶要升級 IE6，或是改用其他更好的瀏覽器，才能順利瀏覽網站，否則只會出現「看得到摸不著」的預覽效果。因為這實在太歡樂了，所以晚上馬上就<a href='http://code.google.com/p/ie6-upgrade-warning/issues/detail?id=14'>提交</a>了<a href='http://code.google.com/p/ie6-upgrade-warning/wiki/Translation_zh_tw'>中文翻譯</a>，請愛用。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=-asg9dAdMpA:sGBHoawO3zo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=-asg9dAdMpA:sGBHoawO3zo:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=-asg9dAdMpA:sGBHoawO3zo:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/-asg9dAdMpA" height="1" width="1"/> http://iamhlb.com/writings/2009/04/15/informing-ie6-users-to-upgrade-their-browser/ 小丁先生滿周歲 tag:iamhlb.com,2009-04-13:1239623263 2009-04-13T19:47:43+08:00 hlb <p>小丁先生<sup id='fnref:1'><a href='#fn:1' rel='footnote'>1</a></sup> 4/10 滿周歲了<sup id='fnref:2'><a href='#fn:2' rel='footnote'>2</a></sup>。 可喜可賀，可喜可賀。</p> <p>因為小丁跟他奶奶同一天生日，所以上週日(4/5)就已經提前舉辦了家族聚會， 全家慶祝了一次。他姑姑為了要重溫小時候大家過生日的時候，各自切一大塊 蛋糕帶回家的滋味，還特別去買了一個 16 吋的中崎蛋糕<sup id='fnref:3'><a href='#fn:3' rel='footnote'>3</a></sup>，好久沒看到 這麼大的蛋糕了呢。</p> <p>4/9 是岳父來幫忙帶小丁。所以晚上就幫小丁慶生，順便抓周玩一下。以下是 非常不嚴謹的抓周影片。&#8230;&#8230;小丁你以後應該會愛護藍星吧。</p> <object height='300' width='400'><param name='wmode' value='transparent' /><param name='allowfullscreen' value='true' /><param name='allowscriptaccess' value='always' /><param name='movie' value='http://vimeo.com/moogaloop.swf?clip_id=4093274&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1' /><embed src='http://vimeo.com/moogaloop.swf?clip_id=4093274&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' height='300' wmode='transparent' width='400' /></object><object height='300' width='400'><param name='wmode' value='transparent' /><param name='allowfullscreen' value='true' /><param name='allowscriptaccess' value='always' /><param name='movie' value='http://vimeo.com/moogaloop.swf?clip_id=4093339&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1' /><embed src='http://vimeo.com/moogaloop.swf?clip_id=4093339&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' height='300' wmode='transparent' width='400' /></object><div class='footnotes'><hr /><ol><li id='fn:1'> <p>Mr Ding 是也。</p> <a href='#fnref:1' rev='footnote'>&#8617;</a></li><li id='fn:2'> <p>赫然發現是 CSS Naked Day 前一天。</p> <a href='#fnref:2' rev='footnote'>&#8617;</a></li><li id='fn:3'> <p>It is our long time favorite.</p> <a href='#fnref:3' rev='footnote'>&#8617;</a></li></ol></div><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=uouTVkUdQx8:Wt2CvzHhqVY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=uouTVkUdQx8:Wt2CvzHhqVY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=uouTVkUdQx8:Wt2CvzHhqVY:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/uouTVkUdQx8" height="1" width="1"/> http://iamhlb.com/writings/2009/04/13/mr-ding-is-one-year-old/ 又是忙碌的一週 tag:iamhlb.com,2009-04-13:1239622699 2009-04-13T19:38:19+08:00 hlb <p>週一到台北跟客戶<sup id='fnref:1'><a href='#fn:1' rel='footnote'>1</a></sup>討論網站改版計畫。</p> <p>週四參加 <a href='http://www.wait-till-i.com/'>Chris Heilmann</a> 在交大的<a href='http://registrano.com/events/090416ydn'>講座</a>。</p> <p>週五參加 <a href='http://osdc.tw/schedule_2009_-_tutorial.html'>OSDC 第一日</a> <a href='http://paulbakaus.com/'>Paul Bakaus</a> 的 &#8220;jQuery and jQuery UI in Depth&#8221;。</p> <p>週六日參加 OSDC。</p> <p>週日下午改去參加 <a href='http://registrano.com/events/uigathering041909'>UI Gathering 四月場</a>。</p> <p>又是忙碌的一週。</p> <div class='footnotes'><hr /><ol><li id='fn:1'> <p>知名不具唷。</p> <a href='#fnref:1' rev='footnote'>&#8617;</a></li></ol></div><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=GRoHjWtxiZE:ybuUAXBRxWU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=GRoHjWtxiZE:ybuUAXBRxWU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=GRoHjWtxiZE:ybuUAXBRxWU:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/GRoHjWtxiZE" height="1" width="1"/> http://iamhlb.com/writings/2009/04/13/another-busy-week/ 如果你還在使用 IE6 的話，會看到裸體頁面喔 tag:iamhlb.com,2009-04-09:1239252111 2009-04-09T12:41:51+08:00 hlb <p>雖然今天是 <a href='http://naked.dustindiaz.com/'>CSS Naked Day</a>。雖然本站有沒有裸奔，看起來都不會差太多。 不過為了<a href='http://twitter.com/hlb/status/1481291358'>照顧廣大的非 IE 用戶</a>，今年就不裸奔了。</p> <p>如果你在 2009 年的今年，還在當可憐的 IE 6 用戶的話&#8230;&#8230; 恭喜你喔，你可以看到本站裸體的樣子。</p> <p>以下是本站從 <a href='http://simplebits.com/notebook/2009/02/13/iegone.html'>SimpleBits 學來的</a> CSS 技巧：</p> <div class='UltraViolet'> <pre class='twilight'><span class='line-numbers'> 1 </span> <span class='Comment'><span class='Comment'>&lt;!--</span>[if gte IE 7]&gt;&lt;!<span class='Comment'>--&gt;</span></span> <span class='line-numbers'> 2 </span> <span class='MetaTagInline'><span class='MetaTagInline'>&lt;</span><span class='MetaTagInline'>link</span> <span class='MetaTagInline'>rel</span>=<span class='String'><span class='String'>&quot;</span>stylesheet<span class='String'>&quot;</span></span> <span class='MetaTagInline'>href</span>=<span class='String'><span class='String'>&quot;</span>/css/reset-fonts-base-twilight.css?v1<span class='String'>&quot;</span></span> <span class='MetaTagInline'>type</span>=<span class='String'><span class='String'>&quot;</span>text/css<span class='String'>&quot;</span></span> <span class='MetaTagInline'>media</span>=<span class='String'><span class='String'>&quot;</span>screen, projection<span class='String'>&quot;</span></span><span class='MetaTagInline'>&gt;</span></span> <span class='line-numbers'> 3 </span> <span class='MetaTagInline'><span class='MetaTagInline'>&lt;</span><span class='MetaTagInline'>link</span> <span class='MetaTagInline'>rel</span>=<span class='String'><span class='String'>&quot;</span>stylesheet<span class='String'>&quot;</span></span> <span class='MetaTagInline'>href</span>=<span class='String'><span class='String'>&quot;</span>/css/site.css?v1<span class='String'>&quot;</span></span> <span class='MetaTagInline'>type</span>=<span class='String'><span class='String'>&quot;</span>text/css<span class='String'>&quot;</span></span> <span class='MetaTagInline'>media</span>=<span class='String'><span class='String'>&quot;</span>screen, projection<span class='String'>&quot;</span></span><span class='MetaTagInline'>&gt;</span></span> <span class='line-numbers'> 4 </span> <span class='MetaTagInline'><span class='MetaTagInline'>&lt;</span><span class='MetaTagInline'>link</span> <span class='MetaTagInline'>rel</span>=<span class='String'><span class='String'>&quot;</span>stylesheet<span class='String'>&quot;</span></span> <span class='MetaTagInline'>href</span>=<span class='String'><span class='String'>&quot;</span>http://static.delicious.com/css/blogbadge.css<span class='String'>&quot;</span></span> <span class='MetaTagInline'>type</span>=<span class='String'><span class='String'>&quot;</span>text/css<span class='String'>&quot;</span></span> <span class='MetaTagInline'>media</span>=<span class='String'><span class='String'>&quot;</span>screen, projection<span class='String'>&quot;</span></span> <span class='MetaTagInline'><span class='MetaTagInline'>id</span><span class='MetaTagInline'>=</span><span class='String'><span class='String'>&quot;</span><span class='String'>delicious-blogbadge-css</span><span class='String'>&quot;</span></span></span><span class='MetaTagInline'>&gt;</span></span> <span class='line-numbers'> 5 </span> <span class='Comment'><span class='Comment'>&lt;!--</span>&lt;![endif]<span class='Comment'>--&gt;</span></span> </pre> </div><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=UxuFuOiC8Bg:MgL1SX3VOoY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=UxuFuOiC8Bg:MgL1SX3VOoY:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=UxuFuOiC8Bg:MgL1SX3VOoY:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/UxuFuOiC8Bg" height="1" width="1"/> http://iamhlb.com/writings/2009/04/09/you-will-get-naked-page-if-you-use-ie-6-still/ Changing the Web, One Site at a Site tag:iamhlb.com,2009-04-07:1239084155 2009-04-07T14:02:35+08:00 hlb <p>之前每年都跟義氣幫一起合租 Dedicated Hosting，不但機器規格好，又有<a href='http://blog.gslin.org/'>大神罩</a>。 為了要找到便宜的主機代管方案，所以我們每年租約到期就得要一起搬家，過著年年逐水草而居 的生活。我一次就得搬很多個網站，所以實在是個很疲累的工作。</p> <p>今年實在覺得厭倦，所以乾脆決定把網站放到自己家 ADSL 好了。</p> <p>原本最大的問題是 <a href='http://www.happydesigner.org/'>HappyDesigner</a> 的網站，不過發現 Google Sites 可以 自訂 CSS，所以整個網站就改用 Google Sites 跟 Blogger 來維護了。</p> <p>雖然把自己的<a href='http://web.archive.org/web/*/http://hlb.yichi.org/blog/'>舊網站</a>給搬了回來，不過我不想要繼續使用 <a href='http://wordpress.org/'>WordPress</a> 這套出版系統，所以保留三個月後應該就會直接<a href='http://hlb.yichi.org/blog/2009/04/01/346'>關站</a>了。</p> <p>（上次發現 CCCA 以前的舊網站已經完全不能連了，只能<a href='http://web.archive.org/web/*/http://ccca.nctu.edu.tw/~hlb/articles/'>看 archive.org 憑弔一下</a>。）</p> <p>所以現在這個網站是新的網域名稱(<a href='http://iamhlb.com/'>iamhlb.com</a>)、新的出版系統(<a href='http://webby.rubyforge.org/'>Webby</a>)， 並且&#8230; powered by a Mac Mini。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=gWZUAErZ4i4:dw5F5CMPULs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=gWZUAErZ4i4:dw5F5CMPULs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=gWZUAErZ4i4:dw5F5CMPULs:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/gWZUAErZ4i4" height="1" width="1"/> http://iamhlb.com/writings/2009/04/07/changing-the-web-one-site-at-a-site/ User Interface in the Jungle in Xuite tag:iamhlb.com,2009-03-15:1237113055 2009-03-15T18:30:55+08:00 hlb <p>承蒙高來高去（請用Safari 4或webkit nightly）上官大俠的邀請，有幸到Xuite Friday講UI Gathering題目的加長版（嗚嗚，馬上就能重複利用投影片的感覺真好）。</p> <p>以下是投影片，請多指教。</p> <p><object height='355' style='margin:0px' width='425'><param name='movie' value='http://static.slideshare.net/swf/ssplayer2.swf?doc=user-interface-desing-in-the-jungle-xuite-090315053017-phpapp02&#038;stripped_title=user-interface-in-the-jungle-xuite' /><param name='allowFullScreen' value='true' /><param name='allowScriptAccess' value='always' /><embed src='http://static.slideshare.net/swf/ssplayer2.swf?doc=user-interface-desing-in-the-jungle-xuite-090315053017-phpapp02&#038;stripped_title=user-interface-in-the-jungle-xuite' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' height='355' width='425' /></object></p> <p>聽說Xuite Friday不會繼續辦了，真是可惜。</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/hlb?a=lpXEwm1HS6k:YzpvW_HYsjw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hlb?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=lpXEwm1HS6k:YzpvW_HYsjw:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/hlb?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hlb?a=lpXEwm1HS6k:YzpvW_HYsjw:YwkR-u9nhCs"><img src="http://feeds.feedburner.com/~ff/hlb?d=YwkR-u9nhCs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/hlb/~4/lpXEwm1HS6k" height="1" width="1"/> http://iamhlb.com/writings/2009/03/15/user-interface-in-the-jungle-in-xuite/