本書內容改編自第14屆iThome鐵人賽Modern Web組的冠軍系列文章《防禦性CSS-建立「防患未然」的匠人心態》。本書用淺顯易懂的程式碼及貼近生活的實際情境，來探討如何培養「防患未然」的思維。由於有些畫面佈局過於單純和簡單，因此會容易忽略其潛在的破版危險，這些令人容易忽略的潛在性危險，很有可能在你最不希望它出現的時候意外出現了，小則影響畫面上的美觀，大則影響產品在客戶眼中的專業形象，進而造成商業上的損失。

本書將這些常見的案例分成八個主題，逐一探討每一個問題會發生的情境，以及提供解決這些問題的具體方法和技巧，希望在這些案例分析的過程當中，以容易上手的程式碼，帶領讀者慢慢培養「防患未然」的思考習慣，即使是一行簡單的CSS，也能夠充分展現專業的程式設計態度。

【目標讀者】
♚想讓自己的網頁避免不預期錯誤的前端開發者。
♚希望快速累積切版經驗的前端開發者。
♚希望讓自己的網頁能看起來更專業的開發者。
♚希望自己對於CSS不再懼怕的新手。

本書特色

事前防範勝過事後Debug！
以八大核心主題培養「防患未然」的匠人心態！
有效對抗莫非定律，洞察無法一眼看見的潛在性危險！

♚蒐集常見案例：本書範例均為常見的實務案例
♚視覺化程式碼：透過視覺化來掌握情境及重點
♚立即解決方案：迅速理解情況，立即使用於實戰
♚清楚情境編排：不必從頭閱讀，只需看想要的主題

陳泰銘（Taiming）

自2017年開始從事前端工程師工作，擁有B2C以及B2B系統開發經驗。曾於大學期間修習師資培育學程，因此對於教學及教育充滿熱忱，擅長將複雜、艱澀的技術觀念轉化為親民的白話文並分享。

2019年發起「ShareBack不藏私分享會」社群，擔任活動企劃籌備以及講師，希望建立一個不藏私、彼此教學相長的平台，讓不論本科系、非本科系的參與者從中獲得知識以及樂趣。

【iThome鐵人賽獲獎】
♚2019 Modern Web組優選：《以經典小遊戲為主題之ReactJS應用練習》
♚2021 Modern Web組佳作：《30 天擁有一套自己手刻的React UI元件庫》
♚2022 Modern Web組冠軍：《防禦性CSS-建立「防患未然」的匠人心態》