i-design

簡單的一個小技巧。有時呈現照片或廠商 logo 時會希望有些變化，當滑鼠 hover link 時讓灰階換成原本的彩色圖檔，但因為某些緣故必須以 <img> 方式呈現，這時就可以靠這方式簡單做到想要的效果。

基本原理就是利用 overflow: hidden 以及 position 讓圖檔隱藏，當滑鼠移過時再秀出隱藏的部分。將圖檔上下合併成一張。

國外盛行的服務 PSD to HTML 漸漸開始出現在台灣，自己也開始在接觸這塊，畢竟大多數情況下這技術對自己並不是問題，有這樣的市場就沒道理跟銀子過不去，但內心仍舊感到這種模式並不是一個好的發展空間，感覺存在很多淺在的問題。

正常情況下 Visual designer 最清楚自己設計的東西，在設計畫面同時往往已經明白考慮過在實際頁面上會是什麼狀態，HTML/CSS 該怎麼寫來達到心中想要的效果，滑鼠移過去又該是怎麼樣的一個變化，所有細節都在心中盤算過才會出 PSD。

每次開始一個新專案總要準備東準備西，同時建立基本架構老要重複寫幾乎一樣的 code，所以乾脆試著把 YUI 的 reset、fonts、base-min 通通綁在一起，再來 header、nav、main、sidebar、stickyfooter、form、pagging 也順便寫一個簡單、易於修改的 style。

basic style

一個網站頁面中通常是由許多基本區塊元素所構成，header（頁首）、content（內容）、footer（頁尾）等等，header 之中除了 logo 之外可能還有語系選項、導覽列，content 則有 main、sidebar..。所以建立一個網站通常得花許多時間在這些基礎建設上，因此延生了 CSS framework 這樣的產物，如 960gs、Blueprint 等，提供規劃好的相關設定，好讓在網頁開發、設計打滾的人員可以節省許多初期建構時間。

程式端使用 .net 的案子之前接過兩次，基本上都沒什麼問題，這次遇到這樣的情況不確定是什麼因素誘發，但因為還是只在 IE 下才會發生，所以更懶得追究原因 (可能跟 sticky-footer 有關？)，直接見招拆招。

prototype 下一切正常，但套進 asp 之後，server 端會在 底下自動生出一個 <form>，而原本用 margin 置中的版面就整個靠左了。

雖然一開始老大不願意接受這項新的提議，但心中仔細盤算、評估後，還是必須承認這是免不了的，雖然麻煩許多，卻是目前免強可以接受的折衷方案。

事情就是，當 HTML 中的所有標籤 style reset 之後，該如何讓接手的工程師在新增內容時有基本的 default style。hlb 提出的方案是在 reset 之後馬上吃 base-min，這樣的概念初聞之時有點震驚，畢竟有點兜圈子的感覺，但 reset 是讓各家瀏覽器對標籤的認知差異還原，base-min 則是再給大家一個統一的標準，因此是完全說的過去的方案。就這樣，在抱著忐忑不安的心之下拿公司改版網站開刀了。