i-design

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

basic style

記得第一次用 Blogger 設計 i-design blog 時花了近一個禮拜的時間，其中大多時間花在研究 Blogger 種種，另外當時對 CSS 仍有點小生疏，當然當時自己是不知道自己斤兩的。

這次做 Handlino 服務產品 Registrano 的 Blogger 著實輕鬆不少，一來對 Blogger 有一定認識且不用再研究 plugin，二來 對 CSS 感覺駕輕就熟，因此除了 theme design 與一些程式方面小問題之外，所有過程加起來大概只用了兩個工作天就完成，這樣的效率自己免不了竊竊欣喜了一下。

誠如 hlb 所說，Blogger 的 code 其實還真的挺髒的，html 標籤有一半以上毫無作用，不過猜想這應該是為了讓 designer 方便擴充、修改 theme 之用，只是對於用不到的人來說，在看原始碼時難免覺得不舒服就是。

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

很初階的 photoshop 技巧，對圖層有些概念以及會使用筆型工具 (貝茲曲線) 就可以繪製了。首先找張自己高解析的照片，最好能高於 1024*768，這樣在繪製細部時會比較好掌握，不過這裡因尺寸問題會縮小示範。使用筆型工具按照輪廓描繪，描繪時可以先將圖層透明度歸零，這樣才不會遮住你俊俏美麗的臉龐。

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

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

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

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