「鄉民低調碼還原」自 2008 首次推出至今還是一樣簡單易用。上一次改版在 2010 年，後來小改加入了 jQuery UI 開發框架。而這次改版改採新流行的 Bootstrap 框架，透過內建 responsive design 的特點，設計了電腦及平板、手機皆可瀏覽動態調整的版面。
初次採用 Bootstrap 本是貪圖輕鬆，在開發後才發現其追求先進的設計，而屏棄了舊版 IE 的支援，對於本站有高達六成的 IE 瀏覽者來說，無疑是拿石頭砸自己的腳。也因此這次開發過程中，花最多時間的地方是在與 IE 妥協。最後，由於想在手機上也可以正確顯示，使用了 iPhone w/ iOS 6 的 Safari 內建的「網頁檢閱器」功能，透過接線連接電腦上的 Safari ，便可在「開發工具」選單中取用 iPhone 上正在顯示的網頁，從電腦端檢閱手機上的網頁元件真是相當酷又有用的功能。
另外這次也重新再創「鄉民低調還原」Facebook 粉絲團，原有的在今年初被洗掉了，有它還是比較方便分享、報告程式出錯或網站掛掉了，敬請舊雨新知的鄉民們再給我們支持。
分類在
作品
Rail News 鐵道情報官方網站改頭換面改版
含設計/套板/編寫Drupal版型/jQuery效果等
設計理念：以該雜誌封面為藍圖，將網站結合實體產品，最大化訪客的第一印象，並去蕪存菁地重新編排選單項目，首頁維持乾淨簡單，增加橫幅圖片輪播以展示該雜誌特色「一流的火車照片」，預留區塊供客戶抽換圖像訊息或廣告，及擺放 Facebook 粉絲外掛於首頁，使粉絲頁的經營成效加倍並帶給訪客更即時的資訊。另值得一提，右上角的「站內搜尋」是模仿雜誌內「RN速報」單元的頁首設計，使用了 HTML5 placeholder attribute 在 IE 上顯示 使不支援 placeholder 屬性的 IE 仍能套用其效果。
分類在
作品
這是使用 iPod touch 4 沿途記錄，四個朋友、兩台機車、六天五夜的踏春行程。剪輯亦在 iPod 上以 iMovie 完成。旅程起點：嘉義中正大學，經屏東、台東、花蓮再返回，沿途停靠：嘉義、屏東潮洲、台東市、東河、都蘭、初鹿、花蓮市、瑞穗、秀姑巒溪、光復、台東太麻里、知本、屏東墾丁、恆春、屏東市、台南善化、後壁，全程約一千兩百三公里。
台彩從除夕舉辦大樂透加開「100組百萬獎金」活動，紮紮實實的開了100組數字要給人對一百次，當然官網也說會提供對獎小幫手，殊不知那伺服器完全無法負載，我在截稿前還沒看到小幫手長什麼樣子，令人生氣，但也製造了機會。
多虧朋友小佐當時一句「賺一筆」的推力，我在吃年夜飯前決定著手寫個對獎助手（台彩大樂透百組百萬對獎助手），且運用「鄉民低調還原」的技術做到「隨打即對」，以 JavaScript 開發的小程式不但免下載，也保證「絕不塞車」！花了一個多小時完成程式後再著手推廣，多虧了 PTT Lottery 板，以及噗浪、Facebook 的「病毒式散播」生效，使其馬上創造七百多人同時在線使用，相關字詞的 Google 搜尋排序也很快的跳到第一、二名。此般盛況是我前所未見！
在截稿前，本程式創下最高八百人同時在線，三千多人按讚分享，三萬八千次瀏覽，超過三萬人使用本程式對獎（不重複瀏覽量）！（以上數據區間為 24 小時內）當然我也持續在改進程式，準備好週六更新剩餘的 16 組百萬加開號碼。 :D
分類在
作品
繼「用Firefox2、IE7搜尋引擎還原0rz.tw縮址」後又一新作，現正推出網頁版 0rz/TinyURL(台泥)/Badongo(便當狗) 低調還原工具(gadget)！只需輸入低調的後五～七碼，它會馬上自動判別並選擇為0rz、台泥或便當狗，再按下「低調吧」按鈕或 Enter 鍵就好了！
感謝匿名人士的留言，和我的同學——也是資深PTT鄉民的大月——提供的意見，才有這個有趣的作品誕生。
本站在將近兩年前曾發表「用Firefox搜尋框裝低調」一文，緣由是當時(至今仍是，不過多了一隻狗...)我常上批踢踢的動漫板尋寶，鄉民們有個默契，就是利用 0rz.tw 的縮址服務將某些網址縮短，然後只在文中 PO 上縮址後的五碼，例如 http://hugojay.blogspot.com/ 縮址變成「f70Mx」。若要再連結到原始網址，就要加上 http://0rz.tw/f70Mx；若使用本網站服務，只要輸入縮址的五碼，按下 Enter 就行了！
在本工具的服務首頁設計上，由於非常具有工具(tool)性質，內容也不多，我直接採用了某大科技公司首頁的精簡風格(抄襲啊！)，相信該公司是不會計較的！
既然是做成 Google gadget 小工具，當然一樣還是歡迎自行取用：
更新：重灌達人 寫了篇 鄉民「低調碼」還原器！（0rz、台泥、Badongo專用） 的介紹文可供參考！謝謝大家的分享 :)
即日起 97年學測、指考倒數計時器 的更新訊息改在 97thChallenge 開發日誌 發表，不再於本站發布更新訊息，除非為大幅改版，還是會以「作品」方式記錄於 宇狗的不悲慘世界。
這是我近期成功的作品，往往本作的更新消息都會在這個 blog 發表，但這種專給考生的資訊，似乎不適合個人 blog。為避免混淆，並顧及倒數計時器未來的長期發展，故下出此策，敬請大家再支持。幫忙填個回饋問卷吧，謝謝！ :)
最後，敬祝各位讀者元宵節快樂！記得出門逛逛燈會喔！ ;)
Happy Lantern Festival, readers! Don't forget to see the lantern festival.
分類在
作品
初衷不變，現在 0rz.tw 低調縮址還原 搜尋引擎外掛支援 Firefox 2 和 Internet Explorer 7 (以上)等支援 OpenSearch 的新世代瀏覽器囉！
最新更新：按此查看新版0rz/Tinyurl(台泥)/Badongo(便當狗)三合一還原「鄉民低調碼自動導向」搜尋引擎/網頁版
本站於一年多前曾發表過 [作品]用Firefox搜尋框裝低調0rz.tw 一文，緣由是當時我常上批踢踢的動漫板尋寶，鄉民們有個默契，就是利用 0rz.tw 的縮址服務將某些網址縮短，然後只在文中 PO 上縮址後的五碼，例如 http://hugojay.blogspot.com/ 縮址變成「f70Mx」。若要再連結到原始網址，就要加上 http://0rz.tw/f70Mx，而我靈機一動，想要利用 Firefox 搜尋外掛，只要輸入縮址的五碼，按下 Enter 就行了！
不過當年所釋出的程式碼是為 Firefox 1.x 設計，已不適用新規格的 Firefox 2.0，因此我上網研究了一下新格式 OpenSearch 的寫法。
關於 OpenSearch 開發的過程，請參閱以下來自 Mozilla Developer Center 原文或中譯版本（我後來才知道有中譯版本！跳腳啊！XD），該文有詳細舉例如何撰寫 OpenSearch 搜尋引擎外掛，以及如何在網頁中插入自動安裝的語法。
(舊版停止更新)
按一下這裡安裝 0rz.tw 低調縮址還原 for OpenSearch
Happy Holidays! 宅男在家寫網頁！終於千呼萬喚使出來(並沒有這麼誇張)，九十七年大學學測、指考倒數計時器 gadget 第三版加入自訂倒數日期的功能，用來數段考、數模擬考、數補考、數重修考、數轉學考、數推徵面試、數畢業典禮，除了數來寶通通都適合啦！
這個工具以 Google gadget 開發，可以插到你的網頁，加入你的 iGoogle 首頁或 Google Desktop 桌面，別忘了還有 Flash 貼紙版倒數計時器，可以插入無名網誌、Blogger 等，歡迎取用。
再來談談這個專題的首頁，這次改版加上了 Google Reader 收集 Google 新聞搜尋及 CEEC 大考首頁的公告等資訊，加上之前考試日曆用 Google Calendar 做的，達成我的夢想：一整個用 Google 現成的工具開發！（瘋子!!）
然後稍微玩了一下 W3C 測試器，就放上 XHTML 和 CSS 標準通過的按鈕裝酷一下。再歡樂的用線上圖示編輯器，幫網頁加上一個「我的最愛圖示」。
在 gadget 計時器開發時，我發現在使用 JavaScript 切換圖層 zIndex 時，IE6 一定會重新下載背景，而不讀取 cache，造成短暫閃爍(flicker)而詭異，但在我的開發環境 Firefox 下不會。這是 IE6 的 bug，我在 Google 搜尋一下果然就找到解法了，原文請參考 No more IE6 background flicker。
<script type="text/JavaScript">
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
</script>只要在網頁插入這段 JavaScript 就行了！但是如果用 element.style.background = "url(...)" 這段 JavaScript 來切換背景的話，這個修正還是無效，請改用 element.style.backgroundPosition 來改變背景圖片的位置，做出切換背景的效果，譬如說這張圖片。除此之外，如果你已經更新 IE7，而使用 MultipleIEs 的 IE6 測試，會發現根本無效，那是因為這個版本沒有修正，請找其他人幫你測試。
這是上禮拜五國文課的期中分組報告 PowerPoint 投影片，題目是〈平面廣告文稿與圖案設計〉。看題目就知道很 free，老師上課也都很開放，於是我就大膽的在投影片上安排很多橋段，並且把註解文字做成自訂動畫，得在我講完、按下一頁的時候才會跳出，盡可能讓畫面不會呆板。（不過轉換過的 Slideshare 投影片看不到自訂動畫）
因為要一直切換畫面，我借了小夫的 Sony Ericsson® 手機，用藍牙控制桌面的功能在台上一邊演講，一邊控制換片，企圖效仿 Steve Jobs 的 Keynote 發表秀*注，不過這還真的是有難度呀！X-(
聽說我不小心講了二十分鐘，講完就下課了，好丟臉阿！囧 而且害得其他人的報告相形失…長度，因為我本來就對廣告設計有點興趣，一個多月前就一直在蒐集，結果做了三十幾頁都沒發覺。XD
做太多頁的後果是很難準備講稿，內容太多了唸不完，也記不起來，偏偏演講時要偷看稿子也不行，我一手拿著 mic，另一手拿手機，沒辦法拿稿子，真是大失策！還好先前多次的排演奏效，讓演講如願的順利，在此我要感謝某位陪我 skype 語音，聽我試講聽到睡著的苦主…。= ="
上圖是和我很有緣的宣導海報，目前還貼在台南一中公車站牌上。它的創意真的很棒！客官可以放大檢視，想想看它要傳達的訊息是什麼，絕對不只是一般的迷宮喔！
*注：雖然想用 Keynote，但是沒有錢買 Mac 電腦和 iWork，所以還是只能用 MS Office PowerPoint 2007。 XD
影片是在回程的區間列車上，同車廂有一群女生瘋狂自拍、尖叫(?)的狀況下，我們趁勢用生日快樂歌嗆回去，然後逼壽星向她們自我介紹。囧
2007/9/22禮拜六，也就是中秋連假的第一天，第一次在高中畢業後舉辦團聚烤肉…暨筆智當天十八歲的生日慶祝XD。場地、食材和器具都是東東家人提供的，地點在台南縣新市，從台南坐火車只要十分鐘就到了。下午三點開始烤肉，晚上到田間瘋狂地玩四百多塊的煙火。後來才想到大家得趕搭火車回台南，結果我們把一台轎車塞滿八個人！（駕駛一人，副駕駛座疊兩人，後面三人塞加兩人疊。）還好同學們上大學後都還沒發福…。
Flickr相簿：
2007 高中中秋烤肉暨小智生日
續上文，本計時器以 Google gadget 格式製成，有另一個好處就是能夠用在 Google 桌面(Google Desktop)，成為你桌面的一部分。
Windows Vista 桌面右側的「資訊看板」就是同於 Google Desktop 的新功能「側欄」，提供使用者自由新增想要的小工具(gadget)。Windows XP 也能安裝的 Google Desktop 提供這項功能，你不可不試，以下是簡單的步驟：
如果你不喜歡側欄，可以從功能表選擇「浮動桌面列」。還有更多技巧，歡迎你自己去挖掘。
http://hugojay.com/98thChallenge/99thChallenge.xml
後記：Windows 資訊看板的 gadget 也不是很難寫啦，不過考慮到 Vista 的市佔率，還是讓我懶惰一下好了。XD
20071226更新
倒數計數器改版，加入自訂倒數功能。請一樣依上文步驟加入 Google 桌面後，記得要設定倒數日期喔！（當然，你也可以不設定）
分類在
作品
台南一中和台南女中聯合畢業舞會於 8/10 晚上 6:00 開始進場，只見台南受到西南氣流影響大雨不停，同學們還是不畏風雨，滿心期待的到場參加畢業最後一場活動。這次以「那個年代」為主題，從門票上就能窺見主題設計，菸盒形狀以及懷舊的圖案，別出心裁。而舞會現場除了老舊招牌，明星海報，舊式電話亭等布置，連工作人員也一貫穿著懷舊風格，跳著阿嬤年代的流行歌曲舞蹈，帶動現場氣氛。除外也有現代的熱舞表演，甚至結合魔術表演，眾人無不叫好。在氣氛的帶動下，大夥不分認不認識，肩搭肩在人群中飆駛小火車，暢快玩樂。最後一首歌曲由一對新人點播「背叛」，在眾人吹捧下上台獻出，台下同學揮舉螢光棒祝福，為這次舞會畫上完美句點。 記者台南報導。（本來想學新聞稿亂寫看看的）= =
台南一中和台南女中聯合畢業舞會於 8/10 晚上 6:00 開始進場，只見台南受到西南氣流影響大雨不停，兩校應屆畢業生加起來還沒有到場學生的一半。這次以「那個年代」為主題，從門票上就能窺見主題設計，菸盒形狀以及懷舊的圖案，別出心裁，但由於製期緊迫，畢業後才完成門票，使多數同學表示沒有收到，或是收到信封時發現菸盒已經壓爛，印刷也不正確，早就丟掉。而畢聯會得知消息後，於官方網站臨時公告補票事宜，也因為受理時間過短，補票的學生有限。而該網站至今只有一篇公告文章，也遭批評是個空殼網站，網站樣式設計人宇狗對此表示遺憾，盼畢聯會能夠盡早提供內容，才能活化網站意義。而未補票的同學只好到舞會現場反應，所幸現場也有緊急應變措施，同學只要憑身分證件，在畢業紀念冊上指出自己的面貌，就可過關。
舞會現場除了老舊招牌，明星海報，舊式電話亭等布置，連工作人員也一貫穿著懷舊風格，跳著阿嬤年代的流行歌曲舞蹈，帶動現場氣氛。除外也有現代的熱舞表演，甚至結合魔術表演，眾人無不叫好。在氣氛的帶動下，大夥不分認不認識，肩搭肩在人群中飆駛小火車，暢快玩樂，但未依速限行駛，驚險萬分。激情後現場也發現一副被踩爛的眼鏡及手機兩支，奉勸年輕朋友玩樂時注意貴重財物及自身安全。最後一首歌曲由一對新人點播「背叛」，在眾人吹捧下上台獻出，台下同學全數被閃爆，所幸送醫後已無大礙。 記者台南報導。（最後一段越寫越唬爛XD）
九十七年大學學測、指考倒數計時器：http://hugojay.itszero.info/97thChallenge
這次倒數計時器改以 Google gadget 形式製作，任何人都能彈指將倒數計時器放入自己的網站，或是加入 iGoogle 自訂首頁。此外更加上「考試月曆」新企劃，歡迎各校學弟妹提供模擬考、段考時間情報。
如果以上對你來說稍嫌複雜，我也另外做了一個得意的創意作品，超小巧的 Flash 倒數貼紙，歡迎在你的網站或網誌中使用它，而且也支援無名小站。
分類在
作品
雖然因為已經停課(?)一陣子
這次畢業的感覺不再強烈
但它就是發生了.. 從明天開始不用上學了
zhusee 說得好 現在我們是無業遊民 XD
但這樣我就沒有天天飆車趕遲到的快感了 = =
--
二班做的影片真的很棒 轉給大家看
敝班的影片相形失色 = ="
看到班上某人的推文 還是忍不住動點肝火
我相信要不是原先選的劇組拖拖拖
我們可以做得更棒 就像片尾的開發日誌敘述的無奈
--
謝謝阿甘學長來送我禮物 >////<
學長還是一樣帥氣 我稚氣 = =
看到你又緊張得說不出話來 :P
其實我只是不知道怎麼表達對你滿滿的感激之意 哈哈
真噁心 還好我沒講 (?)
--
看到鑰匙圈才想到車鑰匙忘記拔 = =
感謝路過民眾的視而不見 T v T
首先我要為某個將這個網頁設成桌面的人說聲抱歉，因為他被嚇到了！XD 但是老實說，連我也被這個 alert 嚇到了。因為我原本設計倒數 0 秒時才會跳出，後來又改成倒數 0 天，改太久我自己也忘了。
Anyway, 這個設計的目的就是想給所有還坐在電腦前的考生最天真的祝福啦！然後看完這篇文章後，請趕快去睡覺(逃)：96學科能力測驗考前叮嚀。
眼尖的朋友應該已經發現了，本站更新將標題列重新設計，改以 Flash 嵌入。除了允許隨心所欲地縮放向量圖以外，還有互動功能可以開發，真好！XD
趁著聖誕季節，再加入高一當年做的應景動畫，但是 fla 原始檔已經搞丟了，只好用 LoadMovie() 載入 swf，沒辦法再修改了呀呀呀。:'( Anyway, 提前祝福每個人聖誕快樂和新年快樂！
本部落格新樣板上線！因為是改原樣板，所以繼續繼承版本號到2.9。
可能是受到我的新手機 v3x 的預設藍色界面（似XP的Luna）影響，加上 Mac OS X 的鏡面效果等等XD。不過鏡面效果作得相當粗糙，還請高手不吝指教。手稿是在一個月前就畫出，但絕對不是畫在數學講義上。
一樣是使用熟悉的 Macromedia Fireworks 8，並借用對於向量圖處理較強的 Flash 8 進行手繪。原本打算挑戰傳說中的 Adobe Photoshop ，不過因為重灌電腦以後遺失註冊資訊而無法啟動，故罷。但 Fireworks 的功能已經大概玩到一個極限了…。
恰於我的十八歲生日當晚完成並實裝，算是讓本站也跟著成長了一些。:P 並趁這次改版，順便將已沿用三年的「Hugo Jay Studio」網站名稱改為「Hugojay Studio」。
分類在
作品
(這次是傑洛拍的XD)
有鑒於本部落的計數器統計顯示，瀏覽者(訪客)使用800x600解晰度的比例現僅佔有10%以下。以前的樣板是基於最低800x600設計，在現在或未來已不敷使用，故興起改版的念頭。加寬後的版面，連代著也將文字大小放大，儘管對於Windows用戶來說，細明體放大後變醜了。
順便更新了 Hugo Jay Studio:portal，把做不完的東西刪掉，取而代之的是半年前畫的白爛宇狗，奇異的表情恰好可以搭配七月(?)。下次更新預定為2007年，就這樣啦！
分類在
作品
更新UPDATE(2008/03/09)：97年學測、指考倒數計時器已經推出。
大小設計為可適用於一般 Blog 側邊列，你可以將以下語法插入你的網頁中，即可隨時幫你提醒顧客：我正在準備中！
<embed src="http://hugojay.googlepages.com/96thChallenge.swf?speedup=0" wmode="transparent" type="application/x-shockwave-flash" height="120" width="160">*藍色部分：隱藏函數，若改成1則以0.5秒倒數一次。
*紫色部分：建議使用新分流伺服器，避免台南一中施工或社團實驗伺服器維修時停機。
另外，你可以下載exe執行檔，存在桌面上以便隨時查詢。這個方式會比設成桌面有效率，因為當你使用Windows的Active Desktop時，你會明顯發現系統效能大受影響。(第一次執行此程式時，可能收到安全性提示，請無須理會)
如果你使用無名網誌(非VIP)，而你想把計數器放在側邊列，你可以嘗試在"檔案管理"新增一個資料夾，點「連結管理」後將以上語法貼到「名稱欄即可」。(太多朋友用無名了，所以無奈的補上這個辦法Orz)
更新UPDATE(2006/09/10)：Flash精簡化，移除秒數倒數並將畫面大小縮為160px(寬)×120px(長)，方便部落格使用者。請自行更新width(寬)及height(長)值。若要延用原版Flash，請將路徑改為"96thChanllenges.swf"。
更新UPDATE(2007/02/22)：推廣分流伺服器，建議改用新網址，它將永遠不斷線。
原文：CFSN2006暑訓：網頁課程補充講義
※本文採用創用 CC 姓名標示-非商業性 2.5 台灣 授權條款。
RSS就是你的救星！…
進行搜尋並訂閱。
更新後，標示粗體字的訂閱項目即為未讀文章，按一下就可以閱讀。
分類在
作品
Hugojay Studio / 宇狗的不悲慘世界 ver 2.93
本站採創用 CC 姓名標示-相同方式分享 2.5 授權
Licensed under a Creative Commons 2.5 License.
自 2005 年十月的瀏覽人數：
