偶爾也來點養眼的好了 XD 從 digg 看到的...
不過比較經典的是留言。
One more reason to use firefox. Firefox girl rox :)
Two more good reasons to use Firefox!
什麼意思呢？自己想 :P
Sunday, April 30, 2006
Firefox Girl
via
這個月即將結束...
昨天跟老闆報告完 Progress report，終於安然渡過了這個月 orz
很巧的是，報告完後，天氣看起來有好轉的跡象（已經連續下雨下了兩個禮拜啦～），看樣子下個月又是個好的開始 :)
雖然還有四篇作業等著我完成 T.T
Tuesday, April 25, 2006
英國佬覺得 GPS 比眼睛還銳利？？
Thursday, April 20, 2006
History of Video Games
影片為約四十五分鐘地 Discovery 節目，從第一個電玩公司 Atari 發展的遊戲 Pong 開始，完整地敘述了電玩地發展歷史，直到任天堂開賣 GameBoy 為止。很神奇吧，現在全球嚇嚇叫的娛樂產業，居然是從這樣的一個簡單的遊戲發展而來的呢...
Wednesday, April 19, 2006
Saturday, April 15, 2006
動物園的警告標語
去年的雙十節，我跟珮愉跑去台北市立木柵動物園看動物（很有意義吧！而且門票只要半價 XD），無意間看到這個警告牌，覺得有趣就拍了下來。據說真的有人被攻擊過，不過不是泥漿，而是排泄物... 囧rz
Friday, April 14, 2006
Blogger 說明 : 如果被老媽發現您的 blog 該怎麼辦...
Sunday, April 9, 2006
剪了頭髮
我大概兩三個月沒剪頭髮了，珮愉也開始受不了她的髮型，所以便約了約去剪頭髮。在 PTT-hairdo板 看到有人推薦 IDA HAIR DESIGN 的 ABLE 設計師，就跑去試試看....
這是剪髮前
剪髮後 正面
剪髮後 薯條真好吃∼
剪髮後 耶！好看！
剪髮前（偷之前的照片用 :P）
剪髮後 側面
剪髮後 頭頂
剪髮後 正面
剪髮後 如何？好看嗎？:P
布蘭詩歌 - 新古典舞團三十週年精華再現
下午，跟爸媽去國家戲劇院看了這部舞蹈作品。其實我是不懂舞蹈啦，不過國立實驗合唱團唱布蘭詩歌唱得很好聽！這也是我第一次把布蘭詩歌從頭聽到尾聽完 ^^"
關於這個作品，可以到 新古典舞團《布蘭詩歌》 看介紹。（不過這個連結不知道什麼時候會移掉就是了）
延伸閱讀：
- 布蘭詩歌是什麼？ 布蘭詩歌 - Wikipedia
- 布蘭詩歌音樂欣賞 (midi) Stan's Carmina Burana Page
Saturday, April 8, 2006
CAMPO 9th 生活藝術狂歡節
一個月前，看到義大利蔬菜湯 in PDart: CAMPO 生活藝術狂歡節的介紹。很有趣的地方對不？就約了珮愉晚上去晃晃。
地點在臺北市電影主題公園，在西門町的邊緣，交通相當方便，每個月的第二個禮拜六都有創意市集 & 跳蚤市場。
晚餐在西門町隨意吃了一下，就開始了一個晚上的新奇之旅。
以下是圖文介紹...
逛了不久，珮愉就找到了她心有所屬的... 兔子照片 XD
看起來好像我們自己都可以拍，不過... 就是沒有養兔子嘛，而且把兔子拍得很可愛也是不容易的...（應該 :P） 賣家（網拍用語？XD）拍了非常多張，後來珮愉選了四張（滿足了吧？），可以在下面的戰利品區看到。
後來無意間看到最邊邊有個好像展示廳的房子，似乎有展覽的樣子... 很興奮的跑了進去，原來是 Devilock & Motorola present VISUALL 的展覽，裡面的設計炫極了！下面是我覺得最炫的幾樣展示品。
一進門就可以看到一排畫得"水噹噹"的頭骨，各有各不同的設計...（據說這樣的設計稱為"公仔設計"）
一面某國的國旗，上面寫著 MY NAME ISS DEATH. I HAVE COME TO JUDGE YOU!
。我的老天呀，真是太深得我心了！
很cool的吉他！仔細看，吉他背袋上其實插的是機關槍子彈...
展示廳的門口。其實這個展示廳很小，不過作品都很炫。
Devilock & Motorola present VISUALL展覽一直到 4/25，有興趣的人可以去看看其他的作品喔！
背景是創意市集 & 跳蚤市場。
市集的其中一個角度。上面的"棚子"應該也是一種設計吧？
旁邊有一個木頭平台，最邊邊有給 DJ 放音樂的地方。
有個很高的煙囪，不知道原本是拿來幹嘛的...
逛了逛，看到了很炫的 T-shirt！上面是一個足球運動員，好棒的設計！原本想要買的，可是因為沒有符合我身材的 size 而作罷。最後還是請賣家跟我合照（不過他好像不喜歡照相，所以只給我拍背面 orz，T-shirt 後面的背影就是他 XD）。賣家的網站。
米奇鰻的攤位，有興趣的可以到他們的網站看看喔！
珮愉的戰利品，兔子相片組。很可愛吧！
我的戰利品，米奇鰻商品。貼紙的圖案設計很爆笑，還有其他貼紙，可以到米奇鰻超簡易販售區看看。（唔，有廣告嫌疑 :P 不過真的很推薦大家去看看）
以上照片可以到我的 flickr 相簿觀看。
Friday, April 7, 2006
Designing for the Web
via
一篇很好的文章，翻譯並整理自 Digital Web Magazine 的 Designing for the Web，提醒了網頁設計者應該注意的事項。
以下是我依照上面珍體中文版整理的正體中文版本筆記。
來自 Digital Web Magazine 的 Designing for the Web，總結了一些針對 WEB 設計需要注意的問題。
第一，解析度。顯示器解析度使用情況如下：
| Screen Resolution | 2005 | 2004 |
|---|---|---|
| Larger | 11% | 10% |
| 1024 × 768 | 56% | 50% |
| 800 × 600 | 28% | 35% |
| Smaller/Unknown | 5% | 5% |
我們不去追究數據的權威性，但至少可以反映個大概。依據中國國情，使用 800×600 的使用者難說不會比上述數據大，所以，現在絕對不要拋棄我們的 800×600 的使用者。
至於圖片的解析度，這篇文章說得太多了，我覺得 Web 設計中，時刻記著 72dpi 就夠了。
這個依照國情有所不同，可以依照想要的目標讀者群來設計。
第二，瀏覽器使用情況。
| Browser | 2005 (July) | 2004 (December) |
|---|---|---|
| IE 6 | 67.90% | 65.50% |
| IE 5 | 5.90% | 9.90% |
| Firefox | 19.80% | n/a |
| Opera | 1.20% | 1.80% |
| Mozilla | 2.60% | 17% |
| Netscape | 0.50% | 1.60% |
如果不是特殊需求，我覺得 Designing for IE 6+ & Gecko based (etc. Firefox) 就夠了。
其實我覺得最好能夠符合 W3C 標準，不過要花些時間設計就是了。
而瀏覽器實際能夠處理的解析度如下：
| Screen size | IE 6 | Firefox | Opera | Mozilla | Netscape |
|---|---|---|---|---|---|
| 800 × 600 | 779 × 400 | 781 × 434 | 777 × 427 | 779 × 420 | 781 × 389 |
| 1024 × 768 | 1003 × 568 | 1005 × 602 | 1001 × 595 | 1003 × 588 | 1005 × 557 |
不知道為甚麼在寬度上 Mozilla 會比 Firefox 少 2px？總之以最小值來衡量就 ok 了。文章還提到基於百分比設計（可伸縮、可擴展），但這確實是一個難題，得看實際情況，該文也沒有給出甚麼能令人滿意的答案。
第三、用色。
唯一能夠跨平台的就是 web216 安全色。
第四、圖片壓縮
比較 gif、jpg、png。我的感覺是，png 未來比較有前途。我敢打賭，等 IE 支援 alpha 的 png 後（應該不遠了），滿世界都是 png。
PNG，Portable Network Graphics（攜帶型網路圖片），我自己使用的經驗，好處是 1) 無損壓縮 2) 可以有半透明或透明的效果。不過壓縮比率通常沒有 jpg 高（相對來說 jpg 就有失真壓縮的缺點）。IE 7.0 開始支援 png 透明背景。
第五、文本（字體）
這個字體常用列表比較有用：
- Arial, Helvetica, sans-serif
- Times New Roman, Times, serif
- Courier New, Courier, mono
- Georgia, Times New Roman, Times, serif
- Verdana, Arial, Helvetica, sans-serif
- Geneva, Arial, Helvetica, sans-serif
其他相關
還需要注意易用性，可用性還有受眾（Audience：讀者群）的問題。
在原文裡面，常常用到 indented audience 這個詞，表示這些讀者還不是真正的讀者，可能路過一下就閃了 :P（學英文 XD）
最後
最重要的一句話：
As Web designers, everything we do is for the user.
Thursday, April 6, 2006
Tuesday, April 4, 2006
留言板的使用
目前用的這個留言板 Cbox 有幾個功能可以使用：
- 可以改變字體樣式。
- [b] 粗體字 bold [/b]
- [i] 斜體字 italics [/i]
- [u] 底線字 underline [/u]
- [color=red] 顏色 color [/color]
- 可以加上link。
會自動幫link加上連結。
- 可以使用表情符號。
如 :) :cool: 等。
新增兩個功能
趁著春假，開始建設這個 blog。
首先是留言板。
CHOBI 是個來自日本的留言板，完全免費，不用註冊，而且表情符號還挺可愛的，原本考慮要用，但是因為有些字會變成問號而作罷。後來去註冊了 Cbox，這個留言板有收費的版本，不過免費的似乎也夠用了。 很有趣的是，Blogger 稱此類的留言板為貼貼板，好可愛的稱呼 :P Anyway，歡迎大家在留言板留言（或簽名，當簽名簿也可以，哈）
再來是 Recent Comments。
這個功能的作用是，顯示最近加入的 comments（好像廢話 orz）。好處是可以有一個統一的地方可以看到 comment 的位置。 程式碼是從這裡拿來改的，還不錯用！
當然，這兩個功能要有用，也得要有人來看才行 orz
延伸閱讀：
留言板相關
Recent Comments 相關
Subscribe to:
Posts (Atom)
Subscribe in a reader
