透過實作範例學習最新的CSS
CSS3為網路的視覺樣式語言注入了強大的新功能,製作美麗又引人入勝的設計工作變得前所未有的簡單。透過CSS3,即使不使用圖片你也能做出醒目的視覺效果,例如半透明背景、漸層和陰影;你可以運用美麗、特殊的非web-safe字型來顯示文字;可以不用Flash就做出動畫特效;更可以不需要透過JavaScript便能針對訪客的裝置或螢幕尺寸客製化頁面設計。
透過一系列創新且實用的實作範例,你將學到如何完成上述功能及更多的特效。每個章節都會引導你完成練習,讓你將新技巧整合到自己的工作中,或是激發你更多的靈感。
你將學到最熱門、最實用而且支援度最高的CSS3技巧,以及:
如何使用CSS3改善你的網頁效能,不僅是外觀,還有便利性、無障礙以及效能表現。
在什麼情況下要為較舊的非支援瀏覽器提供解決方法和替代方案,以及如何操作。
如何製作出含有特殊字體設計和包含優美圖像細節的出色設計。
進階的新選取器,讓你的原始碼更簡潔流暢,更不易出現人為錯誤。
製作多欄版面的新方法。
如何不透過程式也能快速且輕鬆地製作出行動裝置優化的網頁設計
Zoe Mickley Gillenwater是經驗豐富的平面與網頁設計師、程式人員及顧問,她致力在最新的瀏覽器上使用創新CSS技巧的同時,也盡可能讓網站能有良好的運作效能。她是《Flexible Web Design: Creating liquid and Elastic Layouts with CSS》一書和《Web Accessibility Principles》影片教學的作者。她也曾為《Smashing Magazine》和《Community MX》等網站撰寫過將近上百篇關於網頁設計製作的相關文章與教學。Zoe目前是Web Standards Project (WaSP) Adobe Task Force的成員,也曾是熱門的CSS討論mailing list之主持人。她也在全國性的研討會上講授關於CSS、視覺設計和無障礙網頁的主題。要了解更多關於Zoe的資訊,請至www.zomigi.com 或跟隨她的 Twitter @zomigi。
本書的練習檔、更新清單和其他資源網址:www.stunningcss3.com
目錄
CHAPTER 1 CSS3完整解析
CHAPTER 2 對話泡泡
CHAPTER 3 筆記本內頁
CHAPTER 4 利用文字來美化影像和連結
CHAPTER 5 使用擬類別來提升效率
CHAPTER 6 不同螢幕,不同設計
CHAPTER 7 動動你的設計細胞
APPENDIX A 瀏覽器支援
光碟內容
Chapter 1 認識CSS3
Chapter 2 對話泡泡
Chapter 3 筆記本內頁
Chapter 4 利用文字來美化影像和連結
Chapter 5 使用擬類別來提升效率
Chapter 6 不同的視窗顯示方式
CHAPTER 1 CSS3完整解析
CHAPTER 2 對話泡泡
CHAPTER 3 筆記本內頁
CHAPTER 4 利用文字來美化影像和連結
CHAPTER 5 使用擬類別來提升效率
CHAPTER 6 不同螢幕,不同設計
CHAPTER 7 動動你的設計細胞
APPENDIX A 瀏覽器支援
光碟內容
Chapter 1 認識CSS3
Chapter 2 對話泡泡
Chapter 3 筆記本內頁
Chapter 4 利用文字來美化影像和連結
Chapter 5 使用擬類別來提升效率
Chapter 6 不同的視窗顯示方式