拋開傳統的網頁設計框架吧！
September 21st, 2009
你是否己經厭倦了傳統的方框和表格式的網頁設計呢？現在是學習如何擺脫這些方塊的時候，並做更多有創意的設計了。在這篇文章裡，收集了一些己經不使用表格設計的最佳案例。另外提供了一些快速的CSS技巧，說明如何擺脫表格設計，創立背景圖(background-image)和CSS的背景位置定位(position)屬性。
Archive
Archive for the ‘CSS 講座’ Category
2008最佳 CSS 網頁設計
December 29th, 2008
歲末年終，我們來發佈「2008最佳網頁設計」。今年，更多的設計師使用的是大背景與 Javascript框架(Frame)，例如 jQuery或MooTools，讓使用者在網頁的操作上得到最佳的瀏覽體驗。另外，還有一些設計是利用Flash結合CSS，這也許在2009年是一個新的趨勢吧。
Let It Bleed
大膽的視覺設計，使這個網站脫穎而出。
Vermont Coffee Works
良好的 Flash 與?CSS 結合。
Digital Mash
Good
優秀的視覺設計與內容設計。
Wilson Miner
DrupalCon, DC
Future of Web Apps - Miami 2009
大字體混合上童趣效果的設計
Housing Works
很好的大圖背景網頁設計範例。大圖背景最近非常流行。
Future of Web Design - NYC 2008
另一個大圖背景的範例。
Tennessee - Fall
非常美麗的田納西洲的秋天，春、夏、秋、冬系列型的網站。
Tennessee - Spring
Tennessee - Summer
Tennessee - Winter
Five Runs
Branded07
Cappuccino
另一個 Javascript 框架的選擇。
LightCMS
LightCMS 使用了一些鉛筆與素描的效果，也不失企業網站的感覺。
The First Twenty
優良的一頁式網頁設計。何謂一頁式網站？就像是實體上的 DM，利用一頁的網頁來達成想要的成果，搭配上優良的文案撰寫，對於行銷、宣傳、都會有很大的效果喲~
YouLove.Us
大量的使用?CSS 與 Javascript(jQuery)。
Luke Larsen
水族館的主題，使用了 jQuery 的 Scrollto 套件。看了這個與上面的網站後，真的是拜倒(Orz)在他們對於?jQuery 的應用。
Design Disease
水波與圓形讓這個網站看起來更有趣。
Adaptd
Jason Santa Maria
Electricurrent
Training by Collective Idea
MacAllan Ridge
優良的視覺設計和導覽系統 — 給他兩次愛的鼓勵。
Pikaboo
很酷的設計，使用了 CSS,Javascript 和 Flash 技術。
Mochi Ads
Fling Media
eWedding
Viget
Viget 對於他們的品牌形象做的非常出色，在他們一系列的部落格上也保持了一致性 — Inspire, Advance, Engage, and Extend.
Viget - Inspire
Viget - Advance
Viget - Engage
Viget - Extend
August
一個令人尊敬的設計，使用了可延展的 Flash 做為背景(調整你的瀏覽器可看到伸縮的背景)。
Car Freaks
這個部落格常常更換他的網頁背景，提供耳目一新的感覺。
Go To China
這是個很好的範例：利用高解析度的照片當網站背景。請注意背景可以隨著瀏覽器大小而延展。(使用 CSS)
Jesus Christ
Billy Hughes
Free People
優秀的拚貼設計
Mouse to Minx
復古且性感的設計。
Dara’s Garden
Design Sponge
剪貼簿的設計風格非常適合網站的內容。
Ma.tt
The Lippincott
Hot Meteor
Fortyseven Media
The Old State
難得一見的漂亮黑白主題。
