【專業】css Zen Garden 中譯初稿

也不能算是一時興起啦。這是我下半年度的工作計劃之一,把美編洗腦(?)成 CSS 設計師。苦就苦在沒有現成的企劃可以實驗,那就乾脆把 css Zen Garden 給中文化吧(←不要說得跟上街買菜一樣隨便)。原本跟 Dave 說九月才會開工的結果果然…(狂毆)

老實說第一段翻起來最好玩~但是打死我也不會把站名翻成「css 禪園」的!該保留原文的地方就不要擅作主張,真的。

啟蒙之路

黑暗死寂的路上,不同瀏覽器的專屬語法,不相容的 DOM,殘缺的 CSS 支援等遺骸散落一地。

如今,我們必須摒除舊習。由於 W3C、WaSP 和主流瀏覽器廠商長久以來的努力,網路已然啟蒙。

css Zen Garden 邀你靜下心來,省思各界大師教誨。你將會開光點眼,體會古法新用之道,進而達到人網合一的境界。

緣起

網路亟需重視 CSS 的網頁設計師。Zen Garden 希望能刺激、啟發並鼓勵大家的參與。首先,請欣賞站上公布的幾個設計。隨意點選任何一個作品,系統就會載入它的樣式表。除了對應的 .css 檔案以外,網頁的原始碼完全沒有變化。真的,不騙你。

CSS 是能完全掌控超文件版面設計的強大工具。唯有當設計師有能力為架構賦予美感,CSS 設計的無限可能才有機會被人實踐。至今,幾乎所有的排版技巧都是技術界發展出來的,卻不見設計界的百家爭鳴。這需要改變。

如何參與

本活動僅限網頁設計師參加。你當然要對 CSS 夠熟才行;不過,因為範例的註解都很清楚,初學者也可以試著用它們來練習。進階的寫作範例和技巧,請參考相關網路資源。

你可以任意修改樣式表,但不得更動 HTML 檔案。如果你是第一次嘗試這種工作模式,不要擔心。站上整理的教學資源相當豐富,配合本站範例,必能有所收獲。

請下載 html 及 css 範本檔案,並以之作業。大功告成後(謝絕半成品),請將 .css 檔案上傳到你有權限的伺服器上,再告訴我們檔案位置。一旦作品入選,我們會自行取用相關圖檔。最後的成品將移至本站主機展示。

有什麼好處

為什麼要參加?為了獲得賞識、靈感,以及讓我們在推動純 CSS 設計時,能有一個有力的範本。時至今日,這樣的需求也愈顯重要。許多大型網站已在陸續轉型,但有更多網站裹足不前。有朝一日,本站終會走入歷史。但不是現在。

設計規格

我們希望你在設計時能盡量以 CSS1 語法為主。除非是廣泛被支援的元件,請避免使用 CSS2 語法。css Zen Garden 崇尚 CSS 的機能性和實用性,而非只有 2% 的網路人口才看得到的尖端特效。真正的要求只有一個:你的 CSS 寫作規格必須符合網際標準。

很不幸的,這種設計方式也突顯了 CSS 在實際應用上的各種困難。網頁的呈現,會因瀏覽器的不同而有所差異,即便是標準 CSS 亦然。往往好不容易解決掉一個問題,卻又產生另一個問題,讓人叫苦連天。本站整理的相關網路資源有提供一些解法,歡迎參考。我們不期望你寫出完全跨平台的作品(即不論用什麼瀏覽器來看,都能得到一樣的視覺效果),因為那是不可能的事情;但請盡可能的多方測試。如果你的設計連 IE5+/Win 和 Mozilla(佔網路人口 90% 以上)都無法支援的話,那它入選的可能性也不會太高。

投稿作品必須為原創作品。請尊重智慧財產權相關法規。請避免使用具爭議性的素材;我們可以接受人體藝術,但絕不容許色情之作。

這是一種練習,也是一種示範。投稿作品之圖檔版權歸原設計者所有,但 CSS 需以如同本站之 Creative Commons license 釋出,讓其他人也能從中學習。

Commenting is closed for this article.

關於雙子貓 / 關於本站

沉浮網路十數年,久居台北。性疏懶無方,喜不務正業,習晝伏夜出,素胸無大志。幼博學強記而頗有文采,少周遊列國而略有見識。及年長,貪多務廣復不求甚解,遂荒於學而疏於業…

元祖‧雙子貓的世界

大搜查線 / 柳葉敏郎

站內資源

雙子貓的三分鐘熱度充分表現在其共享書籤虛擬書櫃之中。身為站長,他會不定期巡視討論區,偶爾也會檢查 pagras.net {at} gmail.com 的信件。雖然沒有太大的意義,但這年頭沒有 RSS 似乎就很遜?