關於書寫習慣,遵循曾經總結過的風格標準,現在一點都沒變。而近來翻看高手作品,橫向連排似乎在大產品項目中逐漸成為主流,個人認為如此維護效率的確更高,並且未來顯示器肯定是朝著越來越大、越來越寬發展。
通常我維護別人作品第一步都是調整空格,基本下圖這個造型的樣式表都是我寫的,只有我這種眼裡不揉沙子的人才對多個、少個空格如此敏感。至於效果有什麼影響,不妨比較參考。程式碼編輯器對同行數定位做的都比較好,因此我們要解決的是如何快速縱向定位目標。
範例來自2006年8月Microsoft.com首頁。
而我觀察到最近流行的柵格化、漸進增強等設計概念,都可以很好地應用在樣式表設計上。好程式碼應該清晰上下、左右分級,適當的分塊、留白將有助於模組化設計,大大提高可擴展性、可重複使用性、可維護性。總的來說,書寫有以下四個面向值得探討,並累積個人(團隊)習慣:
命名
排版模式化
屬性定義順序
註釋格式
如果再加上各種Hack語法,以及-moz-, -webkit-等私有定義,這個事情複雜無比。不過在組織角度可以輕易想到,應該把它們獨立出來並分開呼叫。學問很深,先整理思路,有空再好好探討總結。下圖是最近改個人網站的程式碼片段:
前幾天用Css3語句text-shadow在繁體某中文情況下,成功將Chrome2兩次搞死,不得已降級Chrome1使用。值得一提的是,text-shadow效果非常好,淡淡的陰影甚至有點水墨感覺。從最近發展來看,各瀏覽器往標準化靠攏前進的步伐將越來越大。
可預見的將來,Css將取代很大部分視覺設計工作,以後web設計稿子幾乎可以不再使用畫圖這種原始方法。也就是說,將來web視覺設計知識體系將進一步與編碼結合。近三年我的工作重點方向並不在頁面結構&表現之上,但原型框架圖還是多使用HTML 提高效率,同時也全部手寫實作。基本技能多動手沒壞處,至於效率嘛?無他,唯手熟耳。
常與習慣欠佳的同行開玩笑,寫程式也要注意矜持,你不是一個人在戰鬥。好程式碼就算用記事本開啟也是藝術品,何況是在做設計。樣式表在編輯器裡,本身就是個資訊設計練習。