學習程序最好的方法是查看別人的原代碼,學習CSS也一樣,這篇文章介紹最人們的CSS網站收集站點,行話叫CSS陳列館(showcase),[專錄]網站設計師必看,必收藏,畢學習
http://www.csszengarden.com/
CSS禪意花園是最富盛名的CSS設計陳列館,Dave Shea在創辦之初是為了讓網頁設計師通過CSS樣式表針對同一個Html文件的設計不同的樣式,卻沒想到這個項目成為了當今網頁設計頂尖高手展現無窮創意的舞臺,看看禪意花園的
http://www.cssvault.com/
Cssvault是第一個以網站縮略圖的方式呈現的優秀設計的網站,而CSS陳列館(showcase)這一說法也是由這里開始,從開始至今大約一年的時間里面,收錄了大量的優秀設計,是CSS設計師必去的網站之一。
http://www.webstandardsawards.com/
Web Standards Award,顧名思義,這里也是收集符合“網頁標準”設計的網站,除收集外,還對每月收集來的網站進行評選,獲勝設計可以冠以當月“網頁標準”設計獎的頭銜,對于設計師來說,也是一種殊榮。
http://www.unmatchedstyle.com/
這個網站是最新出爐的一個CSS陳列館,和前面介紹的幾個網站大同小異,也是采用縮略圖的方式呈現,當然每個網站收集者的審美特征都不同,多一個地方無疑也給鐘情于CSS設計的朋友多了一個選擇,而且他們的更新很勤快。
http://www.cssbeauty.com/
CSSBeauty屬于后起之秀,今年五月成立至今,也收錄了大量的優秀站點。而與前幾個網站有所不同的是,他對說收錄的網站進行了分類,諸如:商業,娛樂,個人等等,使得收集的內容對訪問者更有針對性。
http://www.weeklystandards.com/
這里是我特別推薦的一個,前面的網站都收集了很多優秀的設計,符合“網頁標準”,可為什么這些網站符合“網頁標準”,到底這些網站好在哪里?除了外觀之外,還有那些地方是需要設計者注意的?這里將帶給你答案,每周一個案例分析,精彩紛呈。
http://www.stylegala.com/Stylegala
還有呢,Stylegala,也是上個月才推出的一個CSS陳列館項目,和前面介紹的如出一轍,唯一不同的地方是訪問者可以對收集其中的優秀設計進行投票。而作者對色彩搭配方面頗為敏銳,所收錄的網站皆有很強的視覺效果。
http://www.marcapaginas.net/postearte/galeria.php
不好意思,還有最后一個,既然說了是一網打盡,當然要收集得全面一些。這個網站的主人好像是歐洲人,總之他寫的不是英文,看不明白。不過他自己做的Postearte這個網頁本身就是一個很優秀的設計。特別是導航條,別出心裁。
http://www.openwebdesign.org/
另外再給出一個開放式網頁模板交流網站。OpenWebDesign是一個設計者交流的社區,同時站長可以分享免費的網頁設計模板。目前已經擁有1580個模板,都可以預覽和下載,而且這些模板都符合w3c標準。網站還組辦了設計競賽,每次評選出3位優勝者。如果大家需要在網頁模板方面找出靈感或者學習研究的,不妨看看這個網站。