我最近突然覺得向下相容是一件錯誤的事。就因為網頁設計師總是向下相容到 IE 6 ，使用者才不願升級為 IE 7 —— 反正都可以用，當然選擇已經用得順手的舊版瀏覽器。所以本站下次的改版將無視 IE 6 使用者，版面爛掉就爛掉，我不要為 IE 6 作任何 Fix！ XD （但 IE 7 使用者我還是會照顧一下）
為了心安，我還是參考了一下本站的流量統計，結果令我相當驚喜——本站近一個月來的 IE 使用者只佔了 51% ，其中大約只有一半為 IE 6 ，而 Firefox 使用者竟然高達 40% 。不過近一個月可能太近，我又看了近半年的資料，其實沒差多少， IE 使用者只佔了 58% ，其中同樣大約一半為 IE 6 ，計算得精確一點的話，本站近半年來只有 32.35% 的訪客使用 IE 6 。雖然 IE 的數字仍然過半，但這比例與一般網站相較，差異已經相當懸殊。綜合以上資料，我認為本站主要客群並不是使用 IE 6 ，我可以安心地寫新時代的網頁 >ω<
這是一篇早就想要寫的文章，談談目前的這個「新設計」——二月底就已經上線了，現在才要介紹啊… XD
這次的新設計運用到許多我有興趣的新元素：方格系統、大型頁尾、動態排版、棄分類而就標籤、語意網/微格等等。
方格系統看起來像是一個容易僵硬的設計方法，但我覺得它的實用價值完全足以彌補它的缺點。使用方格系統可以讓文章排版整潔、容易閱讀，而且便於改成動態排版。我最近在《寫給大家的平面設計書》也學到了「對齊」的重要，方格系統雖然沒有特別說要對齊，但是事實上就是對齊得很嚴重的排版 XD
我覺得愈單純的設計就愈困難，為了符合方格系統，副標題的設計讓我嘗試了一段時間，起初我讓副標題只是單純的字體較大、兩倍行高，但副標題如果上、下段落距離相等的話，就會讓副標題與後段文字比較沒有連結的感覺，因此我在副標題上方還多加了一行空白。這部份之所以不好調整，是因為方格系統必須有固定的行高，就像是橫行筆記本那樣，整張網頁都要跟同樣高的橫線對齊，然後為了對齊橫線，文字擺放位置，空白的大小就有所限制，調整了一段時間才覺得這樣比較順眼。
方格系統在選擇字型方面必須非常嚴謹，因為少了裝飾，就必須用 Typography 來彌補。
Read More »
這篇應該算是在給個交代吧！畢竟寫了一篇 WIP 然後卻沒有成果感覺很奇怪。
這次為了趕時間，於是採用了 Non-standard HTML 及表格式排版（不過後台部份是用 XHTML 1.0 Transitional 及純 CSS 排版，相當自得其樂 XD）。
基本上都是照著當時畫的設計圖製作，但三大主色粉紅、藍、綠都有些微調整過，其中粉紅色的改變是最明顯的，我覺得整體而言這樣比較協調。
可能是因為我現在已經被 Web 2.0 洗腦嚴重，或者只是因為我的英文程度不夠，系統中用到的字詞都是很簡單的英文 XD 至於為什麼要作英文的系統，這是一段溫馨的小故事：因為我很想要作 FULLTEXT Search ，平常的作業都是作中文系統，沒機會玩到 MySQL 的這項功能。後來我才發現，因為題目要求，我必須使用 Foreign Key ，這只有 InnoDB 引擎支援，然而 InnoDB 引擎不支援 FULLTEXT Search… 所以我這次又玩不到 FULLTEXT Search 了… 囧rz
Online Demo (rel=”nofollow”)
最近一個 Project 用的設計，從設計到完稿一天趕完 XD 縮圖與大圖不符的原因是… 因為其實我做了七種顏色，但反正差不多，所以這裡只放出一個版本。照片全部來自 sxc.hu. 右下角的折頁花了我一段時間… 我很不會畫實物… 效果我覺得還不錯啦… 只是因為光澤太明顯感覺有點像橡皮（但是不明顯一點又看不出來，這就是誇飾法吧？！XD）
如果有建議歡迎提供 :)
Snugtech.com / SafariTest，繼 iCapture 之後，另一個專門提供 Safari screenshot 的服務。browsershots.org 雖然也包含了 Safari ，但太多人使用，速度慢許多。而 iCapture 則是常常當機好幾天沒人重開 XD 本來以為經過 digg 效應之後這個網站也會負荷不了掛掉，當天上去看時伺服器負載超過 100% ，但速度卻仍然不錯，看起來比 iCapture 穩定很多。(via digg)
抓了一張我正在作的作業：（我老實承認 CSS 是來自 WordPress Tiger Administration，而圖示來自 FamFamFam Silk Icons。）
最後不免俗地，還是來個新年快樂吧！
