Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with HTML5 and CSS3, 3/e (Paperback)

No matter how visually appealing or content packed a web site may be, if it doesn’t reach the widest possible audience, it isn’t truly successful. In Bulletproof Web Design, Third Edition, bestselling author and web designer Dan Cederholm outlines standards-based strategies for building designs that can accommodate the myriad ways users choose to view the content. Each chapter starts out with an example of an unbulletproof approach--one that employs traditional HTML-based techniques--which Dan deconstructs, pointing out its limitations. He then gives the example a makeover using HTML and CSS, so you can learn to replace bloated code with lean markup and CSS for fast-loading sites that are accessible to all users. Finally, he assembles all of the page components discussed in prior chapters into a single-page template. This fully revised and updated third edition introduces CSS3 and HTML5 methods and features redesigned case studies including new responsive design examples.

• Size text using keywords, percentages, and ems to allow more user control.

• Plan for vertical expansion of horizontal page components.

• Use floats to achieve grid-like results.

• Ensure that content is still readable in the absence of images or CSS.

• Strip the presentation from data tables, and rebuild with CSS.

• Progressively enhance your designs using HTML5 and CSS3.

• Visit the companion website at simplebits.com/bulletproof to download finished files, additional resources, and book updates.

無論一個網站在視覺上有多吸引人或內容有多豐富，如果它無法觸及到最廣泛的受眾，那麼它就不算真正成功。在《堅固的網頁設計，第三版》中，暢銷作家和網頁設計師丹·塞德霍姆（Dan Cederholm）概述了基於標準的策略，用於建立能夠適應用戶選擇的各種方式來查看內容的設計。每一章節都以一個不堅固的方法作為例子開始，這種方法使用傳統的基於HTML的技術，丹對其進行了解構，指出了其限制。然後，他使用HTML和CSS對這個例子進行了改造，這樣你就可以學習用精簡的標記和CSS替換冗餘的代碼，從而實現快速加載且對所有用戶都可訪問的網站。最後，他將前幾章討論的所有頁面組件組合成一個單頁模板。這本全面修訂和更新的第三版介紹了CSS3和HTML5的方法和功能，並重新設計了案例研究，包括新的響應式設計示例。

以下是一些策略和技巧：
- 使用關鍵字、百分比和ems來調整文字大小，以便讓用戶更好地控制。
- 計劃水平頁面組件的垂直擴展。
- 使用浮動來實現類似網格的效果。
- 確保在沒有圖片或CSS的情況下，內容仍然可讀。
- 去除數據表格的表現形式，並使用CSS重新構建。
- 使用HTML5和CSS3逐步增強你的設計。

你可以訪問 simplebits.com/bulletproof 這個附帶網站，下載完成的文件、額外資源和書籍更新。