Café de Poète

AvatarJeter, le poète de CANCER. a personal Website creator since 1996, always looking for the best way of designing.

SPiN Guestbook closing down of guestbook service



GUESTBOOK.DE - SPiN Guestbook
http://two.guestbook.de/

老牌免費留言板服務 SPiN Guestbook 在近日悄悄劃下句點,這個具有11年歷史的免費服務曾經伴隨許多早期個人網站使用者起起落落,而今因為將轉型為網路社群服務而關閉了免費的留言板服務, SPiN Guestbook 也很貼心的提供留言板的過往紀錄下載,若是曾經申請過服務的使用者可經由 Control-Center 的連結前往下載自己的留言板紀錄。

Related Link:
GUESTBOOK.DE
SPiN Guestbook / support / news

光泉蜂蜜香蕉牛乳 480ml



記得去年11月我才寫過有關香蕉牛奶商品化的文章,今天午休到你家就是我家的那一家超商時,眼睛一亮,看到了陳列在冷藏架上的光泉蜂蜜香蕉牛乳,雖然不是預期中的品牌,不過這項商品總算是有人開發了,不知道光泉的研發人員有沒有看過我寫的文章,也許我可以收個顧問費什麼的 :-p ,不過很可惜的是,雖然可以喝到香蕉牛奶的感覺,但是卻不像是外包裝上所標示的“新鮮香蕉特調,果香濃郁,口感綿密”倒是香蕉油的味道多一些,下午稍微 google 了一下,也有一些關於香蕉牛奶的討論,我想這項商品的市場應該還是有的,很可惜的是上市後的成品風味未如預期中的好,不知道是不是應該換人做做看?

原發表於:Wednesday, June 13, 2007, 23:01

DON'T MAKE ME THINK

“重點在於,詢問「大部分的人喜歡下拉選單嗎?」這種問題並沒有幫助。正確的問題形式是「這個下拉選單,加上這些選單項目,寫成這種形式,放在這個網頁上,可以讓大部分使用本網站的人產生良好體驗嗎?」”

–《DON'T MAKE ME THINK》CHAPTER 8, 農夫和牛仔也可以作朋友



這不是一本新書,初版於 2000 年,但是至少在這幾年內,也不會是一本褪流行的書。這是一本講如何設計好網站的書,是的,這本書的中文譯名就叫做「如何設計好網站」。這本書輕鬆而易讀,作者從事多年的網站使用性顧問工作,而他在書中告訴我們的使用性第一定律即是英文書名 "Don't make me think"–「別讓我思考」,也就是說當使用者看到網頁時,應當能立即瞭解「這是什麼?」「要怎麼使用?」網站開發人員往往特別難以理解,使用者如何使用網站,為什麼這樣使用等等問題,書中舉了許多詳盡的範例圖解,甚至以流程圖表告訴你使用者如何被使用性欠佳的網站惹火離開的過程。

使用性在網頁設計中,是如此的重要,卻也如此的容易被忽略或是誤解,使用性並非網頁設計師的主要工作,但是以國內的環境來說,網頁設計師往往必須獨攬此一工作,這也顯得閱讀此書有多麼重要(除非您有預算可以聘請一個像作者這樣的人)。

最後,節錄書中作者用以檢視一個新網站時,首頁需要回答他的四個問題:

–這是什麼網站?
–網站上有什麼?
–我在這裡可以做什麼?
–我為什麼要來這裡,而不是去其他地方?

僅以介紹本書與同業共勉之。

「如何設計好網站 DON'T MAKE ME THINK」
Steve Krug 著 / 胡為君 譯 / 上奇出版
ISBN 986719949-9
  • Amazon.com 五顆星最高評價
  • 《Designing with Web Standards》作者 Jeffrey Zeldman 推薦

達設計2007新年賀卡



2007年版印的賀卡,也是唯一一次付印的賀卡,之後連電子賀卡都沒發送,真是慚愧,主題就是以我家的四隻貓作畫,當然包括當時已經變成天使的大頭,據竹林動物醫院的吳醫師說,我給他的賀卡被其他帶寵物來看病的主人索取了,後來又多拿了幾張過去給吳醫師發送。


附上白色背景只有貓咪的圖

<embed>標籤中wmode屬性將致使Firefox對flash中鍵scroll功能失效


Macromedia Flash 的 Components 中有 UIScrollBar 與 ScrollPane 兩個組件,用來針對 Flash的 texfield 或是 movieclip 做scroll 動作的控制,最近在做專案的時候,遇到了一個問題,即是 Flash 本身 components 有支援滑鼠中鍵 scroll 的功能,但是在一個特殊情況之下此功能將失效,也就是當需要設定 swf 底色為透明時,必須要在 embed 標籤中,加上 wmode=transparent 這個屬性,這個屬性在 object 標籤中以 param 的方式處理,且不會對 IE6 的瀏覽器造成 scroll 失效的影響,但是卻導致 Firefox 無法以中鍵 scroll 目標項目,目前我使用的 Firefox 版本為2.0.0.1,這個測試結果是根據安裝非官方組件測試而來,該組件為 plasmaplugs 所釋出的 Scroller Bar 由於更改 Flash 檔案對於 scroll 失效完全沒有幫助,但是 plasmaplugs 的 Scroller Bar 範例檔網頁卻完全支援 Firefox 中鍵 scroll無誤,於是我改由 HTML 標籤下手,分別刪去了 以及 Dreamweaver 8.02 針對 IE ActiveX 安全性修正的 AC_RunActiveContent 語法,以最陽春的 Flash 嵌入方式測試,卻仍然無效,直到我刪去了 wmode="transparent" 屬性,才發現從頭到尾都是它在作怪…於是我只好放棄背景圖與 Flash 分開製作的作法,將背景圖做在 Flash 檔案中,並且將此問題發佈至Mozilla Taiwan 討論區問題網站與網頁技術傳教板,提供 Firefox 的使用者與網頁設計師參考。

得力孟母 Daily MOVER

一段玩笑話,讓我找到了這個有趣的搬家公司:
阿志 半糖青春 說:
以後看哪家快遞可以考慮用夸父當吉祥物
Jeter Le Poète 說:
工程公司要用愚公嗎
阿志 半糖青春 說:
還滿有風格的
Jeter Le Poète 說:
減肥藥就用嫦娥好了
阿志 半糖青春 說:
靠杯....
阿志 半糖青春 說:
阿搬家公司不就去找孟母合作
Jeter Le Poète 說:
好啊
於是我鍵入了“孟母 搬家 公司”在 google 找到了…
這就是孟母也會偷笑的 [ 得力孟母 ] from Danny*2b Roodo!™

*註:很可惜「得力孟母」原文似乎已經在該網誌消失了。

Mutiple Versions Internet Explorer



在進行網頁排版工作時,經常會遇到的問題就是瀏覽器的相容性,其實不僅只是排版,程式 debug 的時候,瀏覽器的相容性也常是個測試指標,不同版本的瀏覽器,往往有它各自的刁鑽問題存在,舉例來說:當你使用 Dreamweaver MX 進行網頁排版時,預設的 <META> 標籤位置是在 <TITLE> 之後,乍看之下只是很尋常的順序問題,很難令人聯想到會造成多麼嚴重的問題,但是這樣的順序當你的網頁語系是使用 utf-8 時,在 Internet Explorer 5+ 上,將會發生網頁內容顯示為空白的現象,而 Internet Explorer 本身並不支援在一個作業系統上,安裝多個不同的版本,這使得除錯與測試有了麻煩,幸好, evolt.org 提供給大家多種選擇,在它的 Browser Archive 中,提供了許多不同瀏覽器的各式版本,當然它也提供了從 Internet explorer 3 開始到 Internet Explorer 6 針對不同環境的單機運行版下載,更多版本的 Internet Explorer?聽起來著實有點可怕,不過為了能夠更方便的測試,只好讓它們在你的電腦裡開 home party 了!

Related Link:
從 evolt.org 下載各個版本的 Internet Explorer