超完美CSS設計風格指南
開發現場應該要懂的CSS相關知識活動訊息
內容簡介
★一口氣搞懂Web開發現場應該要懂的CSS相關知識
★解決您在開發時遇到的困難
★解決團隊協作開發的溝通問題
隨著前端開發的複雜度增加,出現各種以React、Vue.js 等處理CSS的方法,HTML套用樣式的手法也是五花八門。因此,開發人員肯定會對CSS感到頭大,該怎麼應用CSS?該使用哪種工具才好?
本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引,您可藉由本書學到最新的觀念與CSS方法論,做出符合專案需求的最佳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設計上可與團隊有效地溝通。
期望本書能夠對讀者有所幫助。
配送方式
-
台灣
- 國內宅配:本島、離島
-
到店取貨:
不限金額免運費
-
海外
- 國際快遞:全球
-
港澳店取:
訂購/退換貨須知
退換貨須知:
**提醒您,鑑賞期不等於試用期,退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
- 依消費者要求所為之客製化給付。(客製化商品)
- 報紙、期刊或雜誌。(含MOOK、外文雜誌)
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
- 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
- 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
- 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。
商品評價