注意:CSS 樣式表尚未載入。 跳到主內容 | 跳到側邊列

2012/10/03

[作品]鄉民低調碼還原 改版

鄉民低調碼還原」自 2008 首次推出至今還是一樣簡單易用。上一次改版在 2010 年,後來小改加入了 jQuery UI 開發框架。而這次改版改採新流行的 Bootstrap 框架,透過內建 responsive design 的特點,設計了電腦及平板、手機皆可瀏覽動態調整的版面。

初次採用 Bootstrap 本是貪圖輕鬆,在開發後才發現其追求先進的設計,而屏棄了舊版 IE 的支援,對於本站有高達六成的 IE 瀏覽者來說,無疑是拿石頭砸自己的腳。也因此這次開發過程中,花最多時間的地方是在與 IE 妥協。最後,由於想在手機上也可以正確顯示,使用了 iPhone w/ iOS 6 的 Safari 內建的「網頁檢閱器」功能,透過接線連接電腦上的 Safari ,便可在「開發工具」選單中取用 iPhone 上正在顯示的網頁,從電腦端檢閱手機上的網頁元件真是相當酷又有用的功能。

另外這次也重新再創「鄉民低調還原」Facebook 粉絲團,原有的在今年初被洗掉了,有它還是比較方便分享、報告程式出錯或網站掛掉了,敬請舊雨新知的鄉民們再給我們支持。

...(繼續閱讀)

2012/10/01

[作品]鐵道情報官方網站改版

Rail News 鐵道情報官方網站改頭換面改版
含設計/套板/編寫Drupal版型/jQuery效果等

設計理念:以該雜誌封面為藍圖,將網站結合實體產品,最大化訪客的第一印象,並去蕪存菁地重新編排選單項目,首頁維持乾淨簡單,增加橫幅圖片輪播以展示該雜誌特色「一流的火車照片」,預留區塊供客戶抽換圖像訊息或廣告,及擺放 Facebook 粉絲外掛於首頁,使粉絲頁的經營成效加倍並帶給訪客更即時的資訊。另值得一提,右上角的「站內搜尋」是模仿雜誌內「RN速報」單元的頁首設計,使用了 HTML5 placeholder attribute 在 IE 上顯示 使不支援 placeholder 屬性的 IE 仍能套用其效果。

...(繼續閱讀)

2011/04/08

iPod touch+iMovie 春假騎車衝屏花東記錄


YouTube 觀看

這是使用 iPod touch 4 沿途記錄,四個朋友、兩台機車、六天五夜的踏春行程。剪輯亦在 iPod 上以 iMovie 完成。旅程起點:嘉義中正大學,經屏東、台東、花蓮再返回,沿途停靠:嘉義、屏東潮洲、台東市、東河、都蘭、初鹿、花蓮市、瑞穗、秀姑巒溪、光復、台東太麻里、知本、屏東墾丁、恆春、屏東市、台南善化、後壁,全程約一千兩百三公里。

...(繼續閱讀)

2011/02/03

[作品]台彩大樂透百組百萬對獎助手

台彩從除夕舉辦大樂透加開「100組百萬獎金」活動,紮紮實實的開了100組數字要給人對一百次,當然官網也說會提供對獎小幫手,殊不知那伺服器完全無法負載,我在截稿前還沒看到小幫手長什麼樣子,令人生氣,但也製造了機會。

多虧朋友小佐當時一句「賺一筆」的推力,我在吃年夜飯前決定著手寫個對獎助手(台彩大樂透百組百萬對獎助手),且運用「鄉民低調還原」的技術做到「隨打即對」,以 JavaScript 開發的小程式不但免下載,也保證「絕不塞車」!花了一個多小時完成程式後再著手推廣,多虧了 PTT Lottery 板,以及噗浪、Facebook 的「病毒式散播」生效,使其馬上創造七百多人同時在線使用,相關字詞的 Google 搜尋排序也很快的跳到第一、二名。此般盛況是我前所未見!


在截稿前,本程式創下最高八百人同時在線,三千多人按讚分享,三萬八千次瀏覽,超過三萬人使用本程式對獎(不重複瀏覽量)!(以上數據區間為 24 小時內)當然我也持續在改進程式,準備好週六更新剩餘的 16 組百萬加開號碼。 :D



...(繼續閱讀)

2010/08/01

Macbook Pro在BootCamp下調整外接螢幕

本誌已經一年未更新文章,整個跳過了我的大三生活…。因為近年迷上的用噗浪和臉書記錄事情,同時手邊工作也越來越多,當然就懶得撰文寫部落格了。但在開始本文章前,發覺有必要先回顧一下我的第一台Mac,好對自己的部落格及本文的始末有個交代。

如只是想知道 MacBooks 在 BootCamp (Windows) 下要設定外接螢幕、延伸桌面、同步顯示、切換主螢幕或關閉筆電螢幕者,不論是 ATI 或是 NVIDIA 晶片都不是難事!請直接跳轉到文章底端吧。 XD

...(繼續閱讀)

bottom