星巴克不鏽鋼杯

上星期五晚上跟偉中一起吃飯，本來有約宗原的，但約了他兩次，剛好都沒辦法，後來變成我們各帶了自己的女朋友一起吃飯聊天，嗯，也是不錯啦！呵呵…吃完之後，經過到三民路口的星巴克咖啡，聽到他們在喊今天是最後一天八五折優惠了！於是就進去裡面看了一下…

進去之後，服務的小姐就很熱誠地想幫我們介紹；本來我們想說看看就好，沒想到後來居然和服務小姐聊了起來，她真的很熱心，還推薦我們一定要去吃通化街一家很好吃又沒骨頭的鹽酥雞…最後我買了上面的不鏽鋼杯。這杯子看起來滿適合男性使用的，雙層不鏽鋼設計，不但保溫而且好清洗！原價NT$750，八五折之後約NT$638，不便宜就是了…

HSBC Authentication

這幾天幫HSBC做一個乾淨簡單的持卡人授權登入頁面(Authentication Page)。畫面明顯的分成上下兩半，上面是白底的HSBC信用卡以及它的Logo；下面則是一隻拿著鑰匙的手，象徵性的要把某個東西打開的樣子。而鑰匙上面有一個讓持卡人輸入卡號的空白欄位，如果是正確的，那持卡人當然就等於是有這把鑰匙可以到專屬的折扣頁面。

Play The Lucky Draw & Win Your Phuket Holidays!

上面是octopustravel.com十二月份的活動：Play The Lucky Draw & Win Your Phuket Holidays! 中文為「現在去HMV購物，就有機會贏取octopustravel提供的新年大獎」。
因為是用摸彩的方式，所以在畫面的前面有人手拿著一張單子，後面則是有一位美麗的女士很高興得獎的樣子，背景當然就是中獎才能去的普吉島囉！

Mac的Delete鍵

用慣PC的人，一下子要換成Mac的話，有些地方會不大習慣…像我在用MacBook Pro的時候，就覺得Mac的delete鍵和Windows的Delete功能不一樣！Mac的delete像是Windows的Backspace，只能向左刪除；如果你要在Mac裡做向右刪除的動作，得透過組合鍵：「fn+delete」。
還有一個Home與End鍵的問題，因為MacBook Pro的鍵盤也沒有這兩個鍵，同樣得透過組合鍵來達到類似的效果；「control+←」是Mac的Home鍵，讓游標移到該行的最左邊；「control+→」是Mac的End鍵，讓游標移到該行的最右邊。(後來我發現，有時候並不是配合「control」鍵，而是「fn」(function)鍵…怪！)

另一個是輸入法的切換。Windows用「Ctrl+Shift」切換不同的輸入法，Mac則是使用「option+command+space」切換輸入法。如果要切換中英文的話，Windows是「Ctrl+space(空白鍵)」，Mac則是「command+space」。

007 - 量子危機

前陣子去看了最新的007電影：量子危機(Quantum Of Soloace)。

我並不是主角007的影迷，但這種動作片很適合去電影院看！我個人是滿欣賞現在007主角丹尼爾奎格(Daniel Craig)的身材！真希望自己也可以這麼棒！(做夢夢到自己的身材像他一樣…我女朋友肯定愛死我了！呵呵…)

雖然我看得是二輪片，但我一直懷疑戲院有剪片，因為片中的某些環節沒有交待清楚，直接就到結果的地方，很奇怪！還有，我一直都沒看到龐德(Bond)拿大槍的畫面(就上面那張)，所以我得懷疑是有根據的！

本集延續上集的內容，007要找出是誰讓他女朋友掛的！所以他要報仇！雖然他同時也要阻止壞人的邪惡計劃…但基本上並沒有矛盾。看完以後，我覺得…整部電影都是「007在殺人」，所有跟他交手的人，全都掛了！無一倖免！在他身旁的人，除了女主角(Camille/Olga Kurylenko)和他老闆M(Judi Dench)，也幾乎死得差不多了…我覺得片名應該改名成「007 - 殺人執照」(雖然這名字已經出現過了…)

這部片還打破了007的某些慣例：第一次沒有跟女主角纏綿、第一次沒開他的跑車、第一次從頭到尾都在殺人(!?)…

當然，這種大片也都會配合官方網站來做宣傳，所以我就到007官方網站看了一下…網站設計的質感很不錯！整個網站幾乎都是用Flash製作的，內容載入的過程也很流暢；裡面除了介紹這部電影的內容外，我覺得它的桌布可以再給多一些，有些太少了點，而且也沒有適合我的尺寸(所以我自己做了一個，就上面那張圖)；不過，裡面的Flash遊戲滿殺時間的，如果你放無薪假卻沒錢出去玩的話，也許來玩玩小遊戲吧！呵呵…它們可全都是電影其中的片斷延伸出來的遊戲呢！

後來我還去看了蝙蝠俠：「黑暗騎士」，在播二輪片的「東區全球影城」看的，後來我查了一下這個影城的資料，才發現它在今年(2008)的11月底就歇業了…最近景氣真的很不好！二輪片戲院已經倒了好幾家，只是沒想到，原來我常看的這家居然也倒了…唉…

issuu - Publish by millions.

最近注意到一個滿不錯的線上出版網站：issuu。剛開始看的時候覺得這不過就是個flash的一些網路雜誌之類的；後來，我發現裡面真的有許多不錯的線上刊物，除了時尚雜誌之外，也有很多設計的作品，像作品集之類的。

這個網站的好處不是只有看這些線上雜誌而已，更棒的是，它還可以讓你出版自己的線上雜誌！或者是你的線上相簿(像雜誌一樣可以一頁一頁的翻~~)，不錯吧！

我在加入它的會員後，它的系統要我登入google的帳戶，還把我通訊錄上的e-mail全都找出來，問我要不要「邀請」他們加入，我居然直接就「同意」了…結果，有不少人在問我…「你是不是中毒了？」呵呵…看來我按太快了，等不及要和大家分享呢！真是抱歉！

Wallpaper - The New SAAB 93

前幾天看了新的Saab廣告，於是就到Saab網站逛了一下，然後順便下載了Saab的桌布；不過這張桌布沒有適合我螢幕大小的尺寸，所以…乾脆就花五分鐘自己做個超級乾淨版的吧！…真希望自己有一台這樣子的車子，棒！

Have Your X'mas & New Year In Japan

這個是十二月份的電子報版型設計。原來是放日本的都市照片，但「日本感」似乎不夠；於是又放上了左邊的藝妓與右邊和室的半扇門。同時為了讓畫面有多一點聖誕節的感覺，在門外也加了一顆聖誕樹。但這個設計的文字內容過多，導致讓畫面太擁擠…看圖說故事的效果被扣了一些分數，而且看起來有點複雜！

Adobe CS4 中文版上市發表會…感想

Adobe CS4的發表會中，提到了許多新的功能，但主要還是在強調軟體之間的整合性；想當然爾，自然是比CS3要來得更強了！(我以為CS3已經很強了呢！沒想到…)

Adobe在這次的發表會中的上午所展示的內容，大半在介紹InDesign CS4與「Photoshop、Illustrator、Flash、…」之間平面和網頁的直接整合，所以使用InDesign的平面設計師們也可以開始做網頁了！…不過，相信我，製作網頁會遇到的問題實在太多了，沒想像中的那麼簡單就是了，但Adobe確實讓這個過程減輕了不少痛苦，同時也省下了不少時間！

Photoshop CS4讓我最想把玩的新功能是它的「Content-Awared Scale」，它輕鬆的就把照片拉寬或拉高了！而且，竟然不會影響畫面中人物或物體的比例！天哪！這功能真的是太好用了吧！因為我們每次要用的圖不是不夠高、就是不夠寬，得花時間「手動」調到想要的大小；有了這個功能真的會省下不少時間耶！同時，Photoshop CS4也可以直接輸出成CSS的網頁，看他們展示的時候，好像連Photoshop裡面的文字都保留到網頁之中，可以用Dreamweaver直接改內容，方便的很！

另外，我期待的「Smart Object與Mask(遮罩)綁在一起」的功能，他們似乎沒有提到…如果有的話就太棒了！

Illustrator CS4的新功能，毫無疑問，就是全新的「漸層」功能！它終於有透明漸層了！這是Illustrator的一大突破！真的！

Flash CS4多了很多新功能，可能一下子講不完，但它現在已經具有3D立體的功能了！(雖然…並不是真正的3D)，CS4確實比CS3要強大了許多！原則上…Flash CS4和After Effects是愈來愈相似了！因為Flash有相當比例的新功能都是取自After Effects。

Dreamweaver CS4最讓人期待的新功能，恐怕就是它的「Live View」了！(呵…不是數位相機才有Live View的耶！)我認為這個idea和FireFox的FireBug外掛有些類似。

其它的軟體我用的就比較少了，所以乾脆不寫也沒差！

Adobe CS4有很多新功能看起來真的都很棒！我想多少也是因為Adobe與Macromedia合併後，才能讓彼此的軟體有更多的增長；以前以為CS3就已經很棒了！沒想到還可以更強大！果然人是很貪心的！希望趕快造福我們這群廣大的使用者！

不過…我到現在都還沒安裝呢！因為Adobe還沒把試用版放上網…好期待呀！

這次的主持人和上次一樣，都是同一位美麗的女性「High腳」(沒辦法！主持人本來就是要帶氣氛的囉！)不過這次講師所講授的技巧卻不如上次來的好，因為某些「時段」竟然讓我開始打起瞌睡了！有些地方講得滿無聊的吧…這…這…這應該是要加油的地方了吧！？上次的研討會我可是覺得一整個超棒的呢！還有，工作人員身上穿的亮字的CS4黑色T-shirt看起來滿不錯的耶！好想也來一件唷！

一片藍海…是Vista的藍幕啦！

今天中午去買個Subway的低熱量食物回公司當午飯吃，沒想到一回到位置上，我的電腦螢幕居然出現了一片藍海！什麼？不，這是我許久未見的藍底白字的當機畫面！竟然就這樣子莫名其妙的出現了！！？

好吧！那就重新開機好了…沒想到，居然還有更慘的！硬碟一整個都抓不到…喂！這台可是花大錢買的DELL工作站級的電腦耶！這樣掛了！？唉…

後來我打免費服務電話到DELL技術服務中心(在大陸)，接聽的是一位陳先生，他「指導」了我一些測試和修復的方法，全都無效；現在只得等明天DELL的維修工程師到公司來看看該怎麼辦了…(今天準時下班…)

我第一次遇到這麼怪的情形！看來應該是Seagate 320G的Barracuda硬碟掛了…難道我不該相信Seagate嗎？怎麼辦？好多的資料都還沒來得及備份耶！

Splendid Winter... Get Chilled Up North!

幫泰國做的活動網頁：Splendid Winter...Get Chilled Up North!。原來…泰國四季如夏，根本就沒有冬天！

用CSS將網頁的內容水平與垂直置中

有時候我們想讓網頁的內容隨著使用者將瀏覽器的範圍放大或縮小，都可以自動置中；如果用表格的話，其實就可以很簡單的做到這個功能，但使用CSS來建構網頁會比透過表格的方法來得好多了！因為CSS不但在語義上，甚至是各種控制的方式都比表格靈活許多！

以底下這個例子來說，我們要將網頁的內容放進div裡，設定div的id為"theDiv"，假如寬、高為800px、450px，那麼我們也得將寬高指定進來！透過position為absolute的方法，指定div的位置在垂直與水平皆為50%；由於絕對定位(position:absolute)是以div的左上角為依據，所以這個時候位置並不是直正的水平與垂直置中，我們還得透過指定margin(邊界)的方式來達到這個功能，也就是將寬、高各減去一半(寬減去450/2=225px，高減去800/2=400px)，這樣就會自動的水平與垂直置中了：

#theDiv {
height: 450px; /* div的高度 */
width: 800px;/* div的寬度 */
position: absolute;
top: 50%;
left: 50%;
margin: -225px 0 0 -400px;/* 邊界減去一半的寬高 */
}

也許CSS有其它方法能做到類似的功能，不過這個方法算是滿簡單易懂的就是了。

你也可以當CSS的按鈕設計師

一個小有趣的網站：CSS Button Designer，專門做按鈕的…CSS的按鈕。

用Javascript確保網頁在IE6看起來跟IE7一樣

很多人都遇到過網頁在IE7看的時候是正常的，但在IE6或其它舊版IE上看卻很怪的情形。或者，剛好相反…

所以Dean Edwards編寫一個javascript庫，加強舊版IE(IE6、IE5)，讓它們看起來就相容於標準瀏覽器，它同時修復了舊版IE(IE5、IE6)許多的CSS問題，也讓透明png能正常使用。

目前這個javascript放在google伺服器上，所以Dean會幫我們更新。

更棒的是，他允許我們用"hot-link"的方式，直接連到google伺服器(http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js)。

SCB的簡易登入頁面設計

如題。簡單乾淨的版面…

裝了IE7以後一樣可以用舊版的IE瀏覽器？

除了FireFox之外，IE7是我另一個比較常使用的瀏覽器，但IE7都已經出來很久很久了…卻還是有很多人使用IE6、不願意用IE7。

現在有個問題是：「當你裝了IE7之後，電腦就不能裝IE6了！？」

如果你也跟我一樣曾遇到這樣的問題，也許你應該用用獨立的(Stand-alone)IE6瀏覽器！"Evolt's Browser Archive"應該可以下載到你想要的舊版IE獨立版本。