（傳說中欠了快兩年的文來了XD）

來介紹一下我家的波笛，首先來個基本資料表好了！

一切要從我的高中正妹同學關貝貝講起，他是一位獸醫師，目前在台北市執業； 而波笛呢，是他當時租屋處附近的一隻還蠻親人的流浪小貓。 因為正妹同學佛心來的診所提供了限量的免費結紮名額（雖然免費，不過設備跟麻醉都是用最高檔的，夠佛心了吧），波笛就成為了內定的貓選。 據說當時是個月黑風高的夜晚，而波笛就被裝在某個可憐的手提包內，直奔診所進行偉大的TNR計畫（TNR：trap, neuter, release 抓去結紮後再放回去原本棲息地） 因為當時某人身上有跳蚤，肚子裡面也都是滿滿的寄生蟲，就在診所待了好一陣子。

這是第一次進獸醫診所時的影片！當初第一眼看到他時候，就覺得實在有聒噪到。原本想說畢竟是小貓，長大之後應該會好一點，不過很遺憾…（ry

靠完全就狀況外阿！一般貓被帶離自己熟悉環境應該要很緊張才對吧，有人卻很享受獸醫院的住院鐵籠是怎樣XD？（當時樓下還住著一隻超大癩痢狗XD） 正妹同學在那同時就在FB大肆宣傳，而我這個貓奴命的當然也是預設慫恿對象。 『如果沒人要養的話，他就回街頭流浪了。台北的冬天很冷的。』（刪除線那句是我加的XDD） 我陷入了天人交戰，畢竟這真的是人生大事。 說時遲那時快，耳邊立刻傳來神的話語：『要有貓。』（艾涅爾‎：關我屁事） 於是某人的20年人生（貓生）就這樣獻身給一個沒前途的宅宅工程師了。（誤啦XD 我真的認真考慮很久才決定）

至於他是如何從親人的小小貓，變成現在這樣的大孬孬呢？中間又有甚麼不可告人的內幕呢？ 下集待續（靠）

內收相簿圖多！

眉批：昨天清明節放假，不過我老媽應該不知道我在家發廢文XD（誤）

其實自從搬家之後，這個網誌的網址幾乎還沒有公開過。 直到昨天，我打了一篇Rage Comics的熟面孔們之後， 中午就直接PO上PTT就可版，並附上該篇連結。

以下是當天中午到半夜（約12小時內）的流量紀錄與各項統計，僅供參考，不保證準確度跟參考價值。

剛無聊去找了Rage Comics熟面孔的元捏他（先估狗了一下，似乎沒人跟我一樣無聊到一個一個去找=3=），簡單整理如下表。

P.S.因為怕有肖像權問題，所以下面都是翻攝自網路（XD）。 是說最近電視台真的很超過，整天youtube找新聞就算了，播NBA Linsanity畫面都直接翻攝不用錢的…

今天終於把之前在blogger那邊的文章搬得差不多了！ 說是說搬家，不過實際上大概只有十多篇（XD） 而且還是直接把HTML複製貼上的搬法orz 若是看起來礙眼就多包涵吧！ 先來談談…

為什麼要搬家？

• 因為今天愚人節
• 因為我看了最近很流行的為什麼系列文：
  • Sega Cheng：我為什麼離開 Google（台灣）
  • GREG SMITH：我為什麼離開高盛
  • XDite：我為什麼想創業
  • James Whittaker：我為什麼離開 Google（美國）
  • vgod：我為什麼要念博士
  • XDite：我不會念碩士
  • XDite：為什麼我要弄一個為什麼產生器
  • （族繁不及備載）

好啦以上全誤，講正經的XD

想當年，我的第一個blog是用wallop。那是Microsoft Research在2006年推出的社群網路， 當時也是讓我感到相當的『技術感覺良好』（誤了XD 不過當時RIA真的還是非Flash/Flex莫屬的時代阿！） 於是還加入他們所謂的Mod Developer Network（當時就有開發者royalty機制！），貢獻了不少垃圾。而他的API聽說還在我電腦某處囧。 但是，說時遲那時快，他以迅雷不及掩耳的速度被關掉了。幹我都還沒備份orz

在一個多月前，我決定繼續寫廢文。在幾經思考之下，最後挑了blogger。 （公司剛好沒擋*.blogspot.com；而且如果連Google的資料中心都不能信任…ry）

前幾個禮拜看到Octopress這東西的時候，一開始覺得他的整個nature （包含他是用ruby、 方便起local WEBrick/Rack 預覽、 可以上github控管並整合github pages、 SASS、 採用markdown等等） 讓我蠻心動的 –最重要的是那種一切都在自己掌握中的感覺啊！ （謎：ﾄﾞＳ）

但是當初看他內建的預設外觀覺得很so-so，就只是暫時放在心底深處當備案。 直到前幾天，看到一個高中生（超強！ 而且似乎是動漫圈內人XD）做的主題 –Slash 之後，我就下定決心動工了XDD（靠）

搬是搬完了啦，不過欠好多文章orz

Octopress Resources

• 目前套用的主題–Slash
• 所有的Octopress主題列表
• 使用Octopress的站台列表
• Octopress外掛列表

上禮拜看到了github的『八爪貓資料庫』 – octodex，馬上決定要做一隻波笛版，於是就有這隻八爪波笛了XD

各種格式需要請自取： Illustrator, Flash, SVG, ICO

可惜那邊只有github自家人才可以commit，殘念也（如果開放應該會亂糟糟吧） 下次再來介紹波笛好了XD

The story began when I was assigned with a jQuery sharing topic. Just few days before I heard the bad news, several cool web-slide things like impress.js, jmpress.js and reveal.js ran across my screen. “Why not give it a crack?” said them. And I decided to try impress.js out.

Here is my brief comparison, with one of their competitors – Prezi:

Related Links

• Making an Impressive Product Showcase with CSS3 - tutorialzine
• (updated 2012/04/05) SLIDESHOW WITH JMPRESS.JS - codrops
• (updated 2012/04/18) Impressionist – Online Visual Editing Tool for Impress.js (latest: Alpha3)

一年多前，咱們team用了一個flash-base的簡報工具－－Prezi， 向老闆報告某雲端應用的讀書會sharing。那是個多麼美好的時光，也是多麼糟糕的時光阿(遠目)

Prezi的概念就是：畫布是無限大的，你可以定義每個頁面的框在畫布的哪個位置、大小；播放時候會以zoom-in/out的形式，可以帶給觀眾在單一個主題上overview與微觀的整體層次感。當初令我印象最深刻的就是某個prezi實習生做的Sweet recipe to solving problems(真的是Epic！)。如今Prezi的知名度應該已經有相當程度的提升，也讓我跌破眼鏡的開始支援了iPad（應該是開發了flash轉CSS3？我沒iPad所以不確定）。如果還沒體驗過的話，可以直接去 Prezi 上逛逛別人做好的，個個都是熱情奔放、創意無限！

Prezi的播放介面

它們都是以CSS3+JS為主的技術來實現web投影片播放：impress.js簡單的說就是100%向prezi致敬（官網承認的），將整個無限畫布的概念抄承襲了下來；jmpress.js則是繼續抄承襲了impress.js， 加入了jQuery/jQuery UI，強調他不只可以當作投影片，更可以拿來當成網站用；reveal.js則是比較不玩這麼fancy的東西，只提供3種轉場效果&程式碼自動上色，整體播放下來的體驗會比較像PowerPoint或Keynote。比較炫的就是除了←→換頁外，還可以使用↑↓方向鍵來進入一張投影片的「地下室」（這樣講有點抽象，直接去玩玩看就知道啦XD）

於是，我當然是挑了比較酷炫的impress.js來試試看（為什麼要demo jQuery卻不用jmpress.js呢？因為我做完才發現有它的存在orz）。

最後，來個小小的比較（個人意見）：

現在CSS跟JS的技術都有爆炸性的成長，其實還有很多更酷炫的方式來呈現簡報(如parallax scrolling的：layrr、Nike AJ球鞋網頁等等)。但是真的就流於網頁程式設計苦工了，需要評估有沒有值那個成本。

喜歡嗎？去fork一個你的Limpress.js吧XD！ (趕風潮XD)

延伸閱讀

• 用impress.js製作產品展示網站 - tutorialzine（大推此站）
• （2012/04/05更新）使用jmpress.js製作商品展示網站 - codrops
• （2012/04/18更新）Impressionist – Impress.js的線上編輯工具（目前版本Alpha3）