超完美CSS設計風格指南

第1章 關於編寫CSS
第2章 缺少CSS設計會遇到的困擾
第3章 先來瞭解BEM
第4章 BEM的B＝區塊
第5章 BEM的E＝元素
第6章 BEM的M＝修飾符
第7章 BEM的其他內容
第8章 SMACSS：基礎規範
第9章 SMACSS：布局規範
第10章 SMACSS：主題規範
第11章 功能類別
第12章 命名空間式前綴詞
第13章 設計區塊間的留白：前篇
第14章 區塊間的留白設計：中篇
第15章 區塊間的留白設計：後篇
第16章 在專案中應對自如
第17章 推薦設計指引
第18章 使用建置製作CSS：不直接使用完成的CSS
第19章 使用建置製作CSS：Sass
第20章 使用建置製作CSS：Autoprefixer
第21章 使用建置製作CSS：PostCSS
第22章 進階元件：通用型區塊、限定型區塊
第23章 進階元件：區塊嵌套
第24章 功能優先

 

序

　　本書是講述CSS設計的參考書。正在煩惱該如何編寫CSS的人，翻閱後若覺得有所幫助，筆者將會欣喜萬分。

　　何謂編寫CSS？
　　投入前端工程開發的人肯定皆會接觸CSS，但涉入多麼深的程度就因人而異。筆者任職的PixelGrid，職員僅數十名，主要業務為網站架設與APP實作。雖然PixelGrid主打前端工程的相關技術，但專門編寫CSS的人員卻不多，大家多多少少都會編寫CSS。除了對屬性（property）有一定程度的瞭解外，對於怎麼編寫CSS、如何管理完成的CSS，具有一定程度上的知識。

　　現在回頭想想，我並不曉得自己是如何學會編寫CSS的，市面上沒有系統性解說相關思維的書籍。雖然CSS的參考資料多不勝數，有介紹各種屬性呈現的效果⋯⋯等等，但該考慮什麼事情、該注意什麼來編寫CSS、該如何管理完成的CSS，就幾乎沒有相關的統整教材。然後，關於這種編寫CSS的能力，不易簡單描述應該具備什麼知識，即便事前記住網站的內容，也難以三言兩語說明清楚。

　　幫助您了解如何編寫以及管理CSS
　　交給這個人編寫CSS，全部皆迎刃而解；這個人不太擅長編寫CSS，但能夠汲取編寫人員的想法來實作。怎麼習得這類能力呢？「依靠經驗」是最不負責任的講法，但從經驗獲得的能力，具體又是什麼樣的技能呢？本書將會聚焦於「怎麼編寫CSS、如何管理完成的CSS」，期望幫助讀者大致掌握相關知識。

　　幫助您成為一名稱職的前端工程師
　　本書的預設讀者是想要擔任前端工程師的新人，排除已經具備相當功力的高手。另外，預設讀者還有雖不太熟悉網頁技術，但想要提升開發技能的人員。對於這些涉獵不深的人員，切勿不負責任地強求邊做邊學來累積經驗。如前所述，這種能力無法靠單純硬背知識、理解工作原理來習得。因此，請先把本書當作參考書來閱讀，裡頭統整了下述欲傳達的內容：

　　．瞭解這些知識後，有助於委託其他人工作。
　　．瞭解這些知識後，在CSS設計上可與團隊有效地溝通。

　　期望本書能夠對讀者有所幫助。