CSS網頁佈局創意課（簡體書）

《CSS網頁布局創意課》適合交互設計師、網頁設計師參考閱讀。

第1章特寫收錄
1.1未來Web標準
1.2運用CSS3增強你的網頁
1.3運用CSS3渲染網站圖像
1.4運用CSS3動畫創造奇跡
1.5逐步增強你的客戶端
1.6響應Web設計
1.7運用CSS框架創建高質網站
1.8網格
1.9設計完美圖標
1.10打造魅力網站
1.11Web設計師的Google工具
1.12利用在線廣告賺錢
1.13郵件的力量
第2章CSS3效果
2.1增添高端視覺特效
2.2逐步增強菜單
2.3設計炫彩按鈕
2.4防止訪客流失
2.5改造Amazon網店
2.6設計HTML數據表
第3章CSS3布局
3.1在CSS中使用縱列
3.2標記HTML表單
3.3具有媒體查詢的自適應布局
3.4設計響應式網格
3.5玩轉彈性盒模型
3.6開發者苦衷之我見
第4章CSS與JavaScript
4.1創建鏈接輕掃動畫
4.2CSS3VS.JavaScript
4.3設計標簽式界面
4.4建立缺口式切換系統
4.5創建主題切換器
第5章工作流
5.1運用面向對象的CSS加速網頁構建
5.2運用Sass維護樣式表
5.3使用簡單的瀏覽器定位
5.4將CSS3Pie應用于IE
5.5創建網站模型
5.6簡易版本控制
5.7使用Google網站優化工具
5.8將CSS3Pie應用于IE
5.9專家意見
第6章聚焦成功實例
6.1實例展示231
6.2我們如何創建Bountybev.com
6.3在CSS中創建動畫貨車
6.4創建用戶信任
6.5我們如何創建Giraffe.net
6.6在網站上顯示和隱藏推文
6.7創新時代
6.8我們如何創建Donq.com
6.9如何創建在線動畫元素
6.10如何面對非議
6.11Nclud簡介
6.12Viget設計室簡介
6.13蒂姆范云
6.14丹錫德霍姆
6.15保羅愛爾蘭
6.16安迪克拉克
6.17約翰格魯伯
6.17丹本杰明

舊版瀏覽器
不可避免的是，舊版和兼容性欠佳的瀏覽器將不會實現該專題中的許多屬性。你會發現Internet Explorer不是唯一的罪魁，就CSS3支持度而言，甚至在Opera 10.6和10.1版之間切換時也出現了明顯的差異。Digital creative at folk(wearefolk.com)的主任湯姆·維特林說道：“隨著瀏覽器穩步趕上新科技發展的速度，我們開始向網頁中注入新的特征，以增強外觀和合用性。與此同時，時刻關注世界上為數不多的、洞察力強的Web用戶。”
換句話說，應該把許多CSS3屬性看做實現逐步增強的途徑。確保你運用CSS3創建的任何網站都能在使用率高但兼容性欠佳的瀏覽器中運行（如有可能，實現視覺上的美觀），但是不要忘記瀏覽器在迅速的更新中，甚至是Internet Explorer也會很快支持我們將涵蓋的一切特征。因此，你應該把這些知識裝入腦中，以備不久的將來派上用場，即便你沒有打算在當前開發的網頁中運用CSS3。
或許在圖像中運用CSS3帶來的最大變化與背景有關，包括能夠向任意元素應用多重背景。“CSS3使我們能運用多重背景圖像實現有趣的效果，例如，應用特定的位置坐標，向瀏覽器報告圖像是否重復。最酷的是，能決定圖像是否應延伸填滿元素的寬度和高度。”施密特解釋道。
“有了這種功能，我們完全不必再為任何在其他網頁內容后擁有縮放式全視圖背景圖像的網頁采用JavaScript方案，這也意味著你能縮放彈性布局和自適應布局中內在組件的背景。”
除此之外，許多網頁擁有包含多種組件的背景，由尚欠理想的代碼創建而成。 “多重背景圖像的力量解決了必須在網頁間使用絕對定位的圖像，或必須進一步堆疊對象的問題。”維特林認為， “你能隨處定位背景圖像，正如普通的背景一樣，但需額外增加一個以上的元素。”此類設計的例子在網上已經普及，你常常會看見帶一個單層組件的水平并列圖像或多元素背景。若沒有CSS3，前者需要大量平鋪在普通監視裝置上的背景圖像或包含一個疊層組件的多余標記：后者則需要把所有圖像合為一體，至此若不重新修改、輸出和上載整個圖像，則無法改變單個的元素。有了CSS3，通過覆蓋并列的漸變使背景圖像變得柔和，或者定位網頁背景中某個其他預定的元素，就變得輕而易舉了。
運用多重背景的代碼與你已熟悉的CSS標準背景幾乎一樣，但對于多重背景，需要用逗號隔開。例如，你可以把以下代碼用于覆蓋水平并列的漸變的單個背景元素。