20 個帶領 CSS 成為主流技術的網站
阿恆
你對那些研究 CSS 的網站印象最深刻?Tim Wright 在 SitePoint 網站列舉 20 個推動 CSS 成為主流技術的網站,Tim 把這份名單分為「明顯」和「不那麼明顯」兩部份,前者是一些大部分人馬上想到的網站,遺漏了任何一個都可能會引發一場論戰;後者則包含一些我們可能會忽略,但是對推動 CSS 有重大貢獻的網站。
開始編製這份名單的時候,Tim 認為很多人都推動過 CSS 的發展,這份名單應該不難製作,但隨著他明白他要列舉的是網站,而非背後推動的人,而研究 CSS 技術的網站多如恆河沙數,無論如何,他還是製作了一份很值得參考的 CSS 網站名單。
「明顯」的 CSS 網站
CSS Zen Garden
David Shea 在 2003 年推出 CSS Zen Garden 網站,當時網站上只有 5 個設計,現在它已成為 CSS 網絡革命中的中流砥柱。很多 CSS 初學者在閱讀他們的第一本 CSS 書前便已經到 CSS Zen Garden 溜達,開始在腦海裏構思他們的設計。這個網站使很多人對 CSS 的力量感到振奮,甚至有人認為它是 CSS 網站中最有影響力的一個。
Meyerweb
Meyerweb.com 由自詡為 CSS 絕地武士的 Eric Meyer 主持,他為 CSS 所做的工作人盡皆知,Meyerweb 中的 CSS 工具箱和 CSS 工作室藏有無數瑰寶,例如 S5 (一個 XHTML/CSS 演示程序)、CSS 檔案 (用作診斷和重置 CSS)、CSS 測試、CSS2 原型測試套件、和內置模型文件 (可以想像你正在垂涎三尺),不過最有趣的 (除了 Eric 的網誌外) 還是網站的 CSS/Edge 部分,因為 Eric 在那裏展示了很多 CSS 的示範和精緻的技術。
A List Apart
實在很難用三言兩語概括 A List Apart 團隊對推動 CSS 的貢獻,更不用說它推動整個網頁開發技術所扮演的角色。他們的部分偉大成就包括:CSS 精靈、CSS 滑動的門、利用 CSS 逐步增強、從表格技巧到 CSS 佈局─一個網頁設計師的旅程。他們寫了那麼多 CSS 文章,只要你稍為墮後便很難跟得上,很多人只期望能跟得上他們每月發表的刊物,從而了解最新最偉大的 CSS 技術。
W3Schools
每次你查尋一個普通的編碼問題時,W3Schools 總是在搜尋結果的頂部出現。他們的教學文件包羅萬有,從基本的主題例如 XHTML,到高階的 RDF 都有,當然也包括了網絡上最好的 CSS 入門教程,不管你是初學者還是只想快速複習,W3Schools 總有你需要的東西。
CSS3.info
要尋找 CSS 的最新資訊,幾乎所有 CSS 愛好者都知道要探訪這個首屈一指的網站,這個網站的團隊確保 CSS3.info 包含最新的 CSS3 消息,這方面暫時還沒有一個網站可以跟 CSS3.info 相提並論,若果你想知道 CSS 的未來,這是一個不能錯過的網站。
Position Is Everything
每一個瀏覽器都有一些怪行為,我們每天為了這些不規範的怪行為而抓狂,Position Is Everything (PIE) 就是一個針對瀏覽器怪行為的網站。透過研究 CSS 裏裏外外的一切,我們再無需顧慮 peek-a-boo 臭蟲和 CSS 方塊模型的種種怪現象而浪費大量除錯的時間。這個網站是 CSS 開發人員不可多得的資產,它的內容甚至成為網頁開發人員的面試問題。
Holy CSS Zeldman!
Holy CSS Zeldman! 是一個收集網絡標準相關連結的偉大網站,這個網站已經經營了很久,說它偉大因為集合和推廣了那麼多優秀的 CSS 網站,並且分門別類讓開發人員按需要羅列出來,正因為有它,CSS 才有今天。
CSS-Tricks
Chris Coyier 在 CSS-Tricks 上發表的 screencasts (屏幕錄像) 開始了全球網誌的錄像革命,並且把學習 CSS 的方法從閱讀沉悶冗長文章的傳統中推進一大步。它包羅了從入門程度到高級程度的各式教學文件,例如有條件的樣式表,每一份都是以視覺教學法一步步解釋,很受大家歡迎。除了這個網站,Chris 還主持一個 CSS/JavaScript 連結分享網站 Script & Style。
CSS 美術館一樣網站:CSS Mania、CSS Remix、CSS Website、CSS Vault
所有 CSS 美術館的目標,都是帶領 CSS 成為主流技術,所以不能把他們摒棄在名單之外,Tim 在編製這份名單的時候,收集了很多 CSS 美術館網站,他認為與其把他們散列在名單之中,倒不如把它們集合在這一條目之下。提交設計成品到這些網站的人都是站在網頁設計和開發最前線的人,他們展現的都是現實生活中的應用實例,在互聯網上推廣 CSS 和網絡標準的頒獎台上,他們理應佔一席位。
CSS 模版網站:Monster Templates 和 Open Source Templates
這些模版網站跟美術館網站擁有同樣崇高的目標,就是從根本上提高互聯網上的所有網站的質量,它們把 CSS 模板分發給那些仍然使用表格堆砌頁面的網站,由於像 Monster Templates 和 Open Source Templates 等 CSS 模版網站促使運用 CSS 變得更輕鬆,並且消除一些令人頭痛的 CSS 問題包括跨瀏覽器測試等,這些網站對促進 CSS 的貢獻功不可沒。
「不那麼明顯」的 CSS 網站
ESPN.com
若果缺少了 ESPN.com,任何一份有關 CSS 的名單都會變得不完整,一些朋友可能不知道,ESPN.com 是最早把表格佈局改為 CSS 佈局的網站之一,自從他們在 2003 開始轉為 CSS 佈局後,它們每天節省了 2TB 的頻寬,當年這是一個廣為宣傳的行動,並促使其他大型網站效法。
W3.org
W3.org?對,就是它!每次你需要尋找一項 CSS 特性的資料,這就是你該去的網站,想知道「CSS 的未來」,也是來這兒查閱 CSS3 規格文件,這裏包羅萬有,從「旋轉方塊模型」到「CSS3 用戶介面模型」都有,真的,要獲得最新的 CSS 資料,有誰比得上制定它的人?
jQuery
現今 jQuery 幾乎無處不在,只要你是一個現代的開發人員,便無法完全避開它,藉著出色的 CSS 選擇器整合,jQuery 能使一個庸庸碌碌的 CSS 開發人員變成 JavaScript 專家,並使一個普普通通的 JavaScript 開發人員深入明白先進 CSS 的運作細節。jQuery 也讓先進的 CSS 功能(這些功能在瀏覽器大戰中掙扎求存)蓬勃發展,並使這些功能成為開發人員的日常工具。
Section 508
「第 58 條」是美國國會在 1998 年對康復法案的修訂,這是為殘疾人士所制定的電子資訊無障礙法案,相當於網絡版本的建築物修建坡道法案,它還有助於發揚「逐步強化」的層面式設計。層面式設計共分三層,其中第二層「演示層」便是為 CSS 而設立,Tim 認為若果沒有「第 58 條」這樣的修訂法案,CSS 很難在這樣短的時間發展得這樣快。
CSS-Discuss
不錯,這只是一個電郵名冊,但是一切都由網站開始,CSS-Discuss 電郵名冊收集常見的 CSS 問題和新聞,然後分發給大量讀者,以便大家集思廣益,尋找具創意的解決方法。即使你只是電郵名冊中一個安靜的觀察者,你也可以從中學到很多 CSS 的技巧和竅門。
WestCiv
WestCiv 提供的 Style Master 是 PC 和 Mac 上最早的 CSS 編輯器之一,它具備很多 CSS 先進功能,幫助開發人員探索和試驗 CSS 的極限。WestCiv 還發布了許多 CSS 教學文件,是網羅上最優秀的 CSS 文件之一。
YUI CSS 函式館:Grides、Reset、Base 和 Fonts
YUI 團隊包羅了世上一些最優秀的前端開發人員,他們所寫的 CSS 函式庫卻比他們本身還要出色,這個函式庫包含 CSS reset、base、grid 和 fonts 檔案,這些構成 YUI CSS 函式庫的檔案被全世界的開發人員取用,很多最受歡迎的 CSS 開發架構都是借助這個函式館而建立的。
I Love Typography
一些像 position、float 等特性,以及像 text-indent:-9999px 的東西,都是 CSS 世界裏大受歡迎的天王巨星,這些怪物連同其他 CSS 特性一起運用時很容易令人頭昏腦脹,I Love Typograph 帶領我們擺脫這樣的 CSS 特性,把焦點放在提升可讀性的 CSS 特性上:line-height、字符間隔、空格和字形大小/字體。
Chris Pederick
你可能不認識 Chris Pederick,但作為網頁開發者,你一定認識 Firefox 的附加元件 Web Developer Extension,Chris 便是這個元件的作者,它的普及程度與 Firebug 和 Greasemonkey 兩個附加元件並駕齊驅,都是開發人員在 Firefox 上不可或缺的工具,很多人都是以這個附加元件來學習 CSS。
MySpace
MySpace?你是認真的嗎?對,MySpace 對 CSS 作了大量工作,當我們談論甚麼帶領 CSS 成為主流技術,我們考慮的範圍應該超越主流的網頁開發人員,MySpace 令廣大的群眾不能不在意它,當數以百萬計的人制定自己的 MySpace 網頁時,他們全都看到 CSS,儘管他們未必明白 CSS,但他們的確看到它,看一看以下的對答:
**非技術人員:**嗯,你做甚麼工作?
**Tim:**我做的是網頁設計和開發,專項在 CSS。
**非技術人員:**甚麼是 CSS?
**Tim:**你認識那些使你的 MySpace 頁面看起來非常令人討厭的程式碼嗎?那就是 CSS。
**非技術人員:**噢,我明白了。
Tim 承認以上的對答發生的次數,比他願意承認的數字還高。