超完美CSS設計風格指南 | 誠品線上

ざっくりつかむ: CSS設計

內容簡介

內容簡介 ★一口氣搞懂Web開發現場應該要懂的CSS相關知識 ★解決您在開發時遇到的困難 ★解決團隊協作開發的溝通問題 隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？ 本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。

作者介紹

作者介紹 高津戸壮高津戶壯 曾經參與眾多網站、網頁應用程式的HTML、CSS、JavaScript實作，現主要負責承攬案件的前端相關實作、設計、技術指導，擅長領域包括可擴充性的HTML模板設計與實作、Javascript使用者介面的進階設計與實作。

產品目錄

產品目錄 第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設計上可與團隊有效地溝通。

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

最佳賣點

最佳賣點 : ★一口氣搞懂Web開發現場應該要懂的CSS相關知識
★解決您在開發時遇到的困難
★解決團隊協作開發的溝通問題