0916~0919_開學季語言展

【電子書】超完美CSS設計風格指南

開發現場應該要懂的CSS相關知識
固定
版型

達洋貓《櫻花樹》一卡通

達洋貓《櫻花樹》一卡通

【開學大作戰】一卡通全面限時9折起

  • 520

活動訊息

用閱讀開啟視野,讓書成為照亮你人生的光
【金石堂選書】本月推薦您這些好書👉 快來看看

內容簡介

★一口氣搞懂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設計上可與團隊有效地溝通。

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

詳細資料

詳細資料

    • 語言
    • 中文繁體
    • 裝訂
    • ISBN
    • 9786263242449
    • 分級
    • 普通級
    • 頁數
    • 272
    • 商品規格
    • 18開17*23cm
    • 出版地
    • 台灣
    • 適讀年齡
    • 全齡適讀
    • 注音
    • 級別

商品評價

訂購/退換貨須知

加入金石堂 LINE 官方帳號『完成綁定』,隨時掌握出貨動態:

加入金石堂LINE官方帳號『完成綁定』,隨時掌握出貨動態
金石堂LINE官方帳號綁定教學

提醒您!!
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機,請不要聽從指示,以免受騙上當!

購買須知:

使用金石堂電子書服務即為同意金石堂電子書服務條款

電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種:

金石堂 電子書
  • 將儲存於會員中心→電子書服務「我的e書櫃」,點選線上閱讀直接開啟閱讀。
    1. 線上閱讀:
      建議使用Chrome、Microsoft Edge 有較佳的線上瀏覽效果, iOS 14.2 或以上版本,Android 6.0 以上版本,建議裝置有6GB以上的記憶體,至少有 30 MB以上的容量。
    2. 離線閱讀:
      APP下載:iOS Android
      安裝電子書APP後,請依照提示登入「會員中心」→「我的E書櫃」→「電子書APP通行碼/載具管理」,取得通行碼再登入下載您所購買的電子書。完成下載後,點選任一書籍即可開始離線閱讀。
Readmoo 電子書
  • 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。

退換貨須知:

  • 因版權保護,您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀,無法以其他閱讀器或直接下載檔案。
  • 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等),不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益,建議您先使用「試閱」功能後再付款購買。
※ 2025金石強推
金石堂門市 全家便利商店 ok便利商店 萊爾富便利商店 7-11便利商店
World wide
活動ing