模仿 Google Map 網站風格

雖說一開始就決定要以 SPA 的架構來設計 ThereWeWere 這個網站 ，但網站外觀和風格始終沒有個定調。開始建置網站的第一週前幾天，迅速以慣常使用的 Liquid width 3 columns style 設計出網頁模板，自我省視覺得有許多欄位似乎沒有顯示的必要。隨即調整成 Liquid width 2 columns style ，卻也不見得好到哪裡去。然後大幅度地更新至 Liquid width single form，同時將所有要顯示的支援訊息，都嵌入至 Google Map 元件內部，只保留少許必須要固定顯示的資訊，譬如使用者登入訊息等，保留在頁面上。

這個 Signle form 的版面設計，雖然寬度可以隨著視窗大小自動調整，但高度部份受限於底圖和邊框設計不能自動縮放，使得一些使用大尺寸螢幕的朋友反應意見覺得這樣不妥。思索了片刻，開啟 Google Map 網頁察看他是怎麼一種設計概念，隨後醒悟了所謂 SPA 網頁服務的幾個要素：

1. 將服務的主要元素設計成可以隨著視窗尺寸而縮放
2. 把你認為最有廣告效果的元素儘量固定在頁面上
3. 輔助性資訊可以縮放，不需要佔用寶貴的版面
4. 色系簡明扼要，能夠用來分隔不同分類的資訊最好

於是利用三個晚上的時間，重新構築了一個模仿 Google Map 網站風格的模板，然後微調修正了一些使用者控制的 Javascript。目前看來除了在 Google Chrome/Firefox/Opera 上面會有些 Windows & element initialize size 導致地圖元件顯示標記方塊稍有偏移的問題外（只要重新縮放瀏覽器即可修正），大致上看來還挺 User friendly。
這當中也曾碰到 IE6 相容性測試的問題，為了 PNG transparent 的這個討厭的 issue，害我浪費了好多時間來找最合適的答案。後來索性不理會 ugly PNG under IE6，遵照先前決議，趕緊把主要功能完成，丟出來讓朋友試玩看看大家反應再說。反正意見先驅者多半使用的是 FF/Safari，即便我大膽宣稱 "IE6 Forbidden Here!!" 大概也不會有什麼人持反對意見吧。
目前剩下的主要功能還有建立通訊錄、邀請朋友參加、認證與註冊這幾個曾經在其他專案做過，只要抄過來用就可以完成的模組，預計至遲到這週日，ThereWeWere 應該就可以正式推出 Beta 1 release 了。