超完美CSS設計風格指南
★一口氣搞懂Web開發現場應該要懂的CSS相關知識
收集中
US$16.27
內容簡介
★一口氣搞懂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章 功能優先
章节目录
1-1封面頁
1-2書名頁
1-3序言
1-4目錄
1-5Ch01 關於編寫CSS
1-6編寫CSS 很難嗎？
1-7本書討論的內容／不討論的內容
1-8CSS 設計
1-9Ch02 缺少CSS 設計會遇到的困擾
1-10總之先寫再說
1-11CSS 方法論
1-12Ch03 先來瞭解BEM
1-13何謂BEM？
1-14何謂元件？
1-15為何要介紹BEM？
1-16BEM 的粗略概要
1-17專欄 BEM 並非僅限定於HTML 和CSS
1-18Ch04 BEM 的B ＝區塊
1-19劃分區塊的例子
1-20何謂區塊？
1-21這樣該怎麼決定區塊呢？
1-22區塊的編寫方式
1-23Ch05 BEM 的E ＝元素
1-24何謂元素？
1-25元素的編寫方式
1-26元素的規範
1-27冗長的程式碼
1-281. 防止樣式發生衝突
1-292. 僅由HTML 便可理解設計人員所想的架構
1-303. CSS 選擇器變得相當單純
1-31專欄 元素後面不會再加上元素
1-32Ch06 BEM 的M ＝修飾符
1-33何謂修飾符？
1-34區塊的修飾符例子
1-35元素的修飾符例子
1-36省略寫法①
1-37省略寫法②
1-38Ch07 BEM 的其他內容
1-39怎麼編寫區塊名稱、元素名稱
1-40專欄偏好大駝峰式命名法
1-41BEM 帶來的好處
1-42選擇器的編寫方式
1-43區塊的補充內容
1-44Ch08 SMACSS：基礎規範
1-45SMACSS
1-46SMACSS 中的CSS 規範集
1-47編寫HTML 和CSS 要先做什麼是？
1-48normalize.css
1-49Reset CSS
1-50設計基礎規範
1-51normalize 或者reset
1-52以normalize 輕微重置
1-53Ch09 SMACSS：布局規範
1-54編寫區塊前的準備
1-55布局規範的程式碼範例
1-56應該使用id 選擇器嗎？
1-57定義類似BEM 形式的布局
1-58有關小粒度布局的規範
1-59Ch10 SMACSS：主題規範
1-60具有主題功能的網站
1-61主題功能的應用
1-62不同語言的樣式調整
1-63依照頁面種類調整
1-64主題規範與修飾符
1-65Ch11 功能類別
1-66何謂功能類別
1-67功能類別的使用範例
1-68!important
1-69功能類別的好處
1-70功能類別的缺點
1-71應該使用功能類別嗎？
1-72Ch12 命名空間式前綴詞
1-73規範發生衝突
1-74迴避規範衝突
1-75何謂命名空間式：JavaScript 的情況
1-76何謂命名空間式：CSS 的情況
1-77怎麼使用命名空間式前綴詞
1-78應該使用命名空間式前綴詞嗎？
1-79Ch13 設計區塊間的留白：前篇
1-80何謂留白的問題？
1-81留白設計
1-82留白的方向
1-83決定留白的變化
1-84Ch14 區塊間的留白設計：中篇
1-85上方想要設定較多留白的情況
1-86表達頁面大致結構的留白設計
1-87Ch15 區塊間的留白設計：後篇
1-88怎麼在區塊設定留白？
1-89實作方法1：對區塊本身設定留白
1-90實作方法2：製作留白專用的區塊
1-91實作方法3：準備留白用的功能類別
1-92專欄 不採用margin 的抵銷
1-93決定實作方法的關鍵
1-94不需要考慮區塊間留白的情況
1-95Ch16 在專案中應對自如
1-96只要有技術就行了嗎？
1-97為何不能夠單獨一人？
1-98編寫HTML 和CSS 時的難處
1-99Atomic Design
1-100即便採用瀑布式開發
1-101Ch17 推薦設計指引
1-102何謂設計指引？
1-103設計指引的內容與意義
1-104程式碼的規範
1-105超簡易的元件清單
1-106元件清單有什麼用處？
1-107以元件清單為前提的編寫流程
1-108維護元件清單
1-109進階設計指引
1-110Ch18 使用建置製作CSS：不直接使用完成的CSS
1-111何謂建置？
1-112壓縮（minify）
1-113嘗試壓縮手邊的檔案
1-114各種建置處理
1-115Ch19 使用建置製作CSS：Sass
1-116何謂Sass ？
1-117內嵌選擇器
1-118進階&（Parent Selector）
1-119變數
1-120mixin
1-121轉換Sass 的程式碼
1-122專欄 SCSS syntax 還是Sass syntax ？
1-123使用應用程式來建置
1-124有助於CSS 設計的Sass
1-125與Sass 的交流方式
1-126Ch20 使用建置製作CSS：Autoprefixer
1-127Can I use
1-128Vendor Prefix
1-129輪到Autoprefixer 出場
1-130應該使用Autoprefixer 嗎？
1-131Ch21 使用建置製作CSS：PostCSS
1-132何謂PostCSS ？
1-133插件
1-134常用的方式
1-135應該使用PostCSS 嗎？
1-136Ch22 進階元件：通用型區塊、限定型區塊
1-137該取什麼名稱呢？
1-138通用型還是限定型？
1-139通用型名稱的優點
1-140通用型名稱的缺點
1-141究竟該怎麼辦？
1-142Enduring CSS
1-143Ch23 進階元件：區塊嵌套
1-144何謂區塊嵌套？
1-145區塊嵌套的優缺點
1-146應該作成嵌套區塊嗎？
1-147作不作成區塊嵌套的範例
1-148Ch24 功能優先
1-149功能優先的思維
1-150僅使用功能類別的範例
1-151功能優先的特徵
1-152HTML 和CSS 幾乎沒有元件
1-153Tailwind CSS 中的元件
1-154一定要使用React、Vue.js 嗎？
1-155粒度更細微的抽象化
1-156是否應該導入功能優先的設計？
1-157結語
1-158索引
1-159版權頁
1-160封底頁
常见问答
您可以透過手機、平板或是電腦登入 HiSKIO 平台，在【我的學習】＞【我的書籍】頁面，選擇想看的電子書。
猜你喜欢
用户评价
| 收集中