【電子書】哎呀！早知道就不會破版的CSS設計技巧：前端工程師防止佈局意外的必學密技（iThome鐵人賽系列書）
活動訊息
用閱讀開啟視野，讓書成為照亮你人生的光
【金石堂選書】本月推薦您這些好書👉 快來看看
內容簡介
本書內容改編自第14屆iThome鐵人賽Modern Web組的冠軍系列文章《防禦性CSS-建立「防患未然」的匠人心態》。本書用淺顯易懂的程式碼及貼近生活的實際情境，來探討如何培養「防患未然」的思維。由於有些畫面佈局過於單純和簡單，因此會容易忽略其潛在的破版危險，這些令人容易忽略的潛在性危險，很有可能在你最不希望它出現的時候意外出現了，小則影響畫面上的美觀，大則影響產品在客戶眼中的專業形象，進而造成商業上的損失。
本書將這些常見的案例分成八個主題，逐一探討每一個問題會發生的情境，以及提供解決這些問題的具體方法和技巧，希望在這些案例分析的過程當中，以容易上手的程式碼，帶領讀者慢慢培養「防患未然」的思考習慣，即使是一行簡單的CSS，也能夠充分展現專業的程式設計態度。
【目標讀者】
♚想讓自己的網頁避免不預期錯誤的前端開發者。
♚希望快速累積切版經驗的前端開發者。
♚希望讓自己的網頁能看起來更專業的開發者。
♚希望自己對於CSS不再懼怕的新手。
本書特色
事前防範勝過事後Debug！
以八大核心主題培養「防患未然」的匠人心態！
有效對抗莫非定律，洞察無法一眼看見的潛在性危險！
♚蒐集常見案例：本書範例均為常見的實務案例
♚視覺化程式碼：透過視覺化來掌握情境及重點
♚立即解決方案：迅速理解情況，立即使用於實戰
♚清楚情境編排：不必從頭閱讀，只需看想要的主題
目錄
|CHAPTER 01| 防禦性程式設計簡介
1.1 什麼是防禦性程式設計
|CHAPTER 02| 不失禮貌的安全距離
2.1 標題與圖示
2.2 元件間的間距
|CHAPTER 03| 又是那令人在意的長短問題
3.1 類別標籤
3.2 過長的內容
3.3 過短的內容
3.4 固定的高度
3.5 固定的寬度
|CHAPTER 04| 放置圖片的正確姿勢
4.1 圖片比例
4.2 容易被忽略的預設背景重複
4.3 圖片失效的備案
4.4 響應式圖片設計
|CHAPTER 05| 陰魂不散的滾動條
5.1 移除不需要的滾動條
5.2 保留滾動條的空間
5.3 避免滾動穿透
|CHAPTER 06| 盒子模型的帽子戲法
6.1 內容盒子與邊框盒子
6.2 邊距重疊
|CHAPTER 07| Flexbox的彈性與不彈性
7.1 外容器的預設值
7.2 內元件的預設值
7.3 有彈性的間距
|CHAPTER 08| Grid迷宮般的內心戲
8.1 伸縮失效的子元件
8.2 自動填滿效果
8.3 釘選失效的祕密
|CHAPTER 09| 元件的態度決定高度
9.1 步驟對話框的高度
9.2 響應式高度設計
|CHAPTER 10| 讓人敬畏三分的CSS
10.1 分組選擇器
10.2 隱藏網頁上的元件
10.3 失效的z-index
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
購買須知：
使用金石堂電子書服務即為同意金石堂電子書服務條款。
電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種：
- 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。
退換貨須知：
- 因版權保護，您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀，無法以其他閱讀器或直接下載檔案。
- 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等），不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益，建議您先使用「試閱」功能後再付款購買。
商品評價