75折
哎呀!早知道就不會破版的CSS設計技巧:前端工程師防止佈局意外的必學密技(iThome鐵人賽系列書)【軟精裝】
網路價
NT${{ commaFormat(product.price_actu) }}
NT${{commaFormat(product.price_sugg)}}
專屬特惠價 NT${{ commaFormat(product.group_price) }}
優惠價
NT${{ commaFormat(product.member_price) }}
NT${{ commaFormat(product.group_price) }}
商品組合
贈品 (買就送)
{{ pItem.title }}
付款方式
轉帳/匯款/無摺存款 / LinePay付款 / 超商代碼付款(綠界金流) / 信用卡一次付清(綠界金流) / AFTEE 先享後付 / [圖書專用] 7-11取貨付款
配送方式
7-11超商取貨 / 全家超商取貨 / 宅配到家 / 校園門市店到店取貨(需7~10個工作天,急用勿選)
超值加購
{{ pItem.title }}
型號:{{ pItem.model }}
加購價 NT${{pItem.extra_price}}
(原價NT${{pItem.price_orig}})
【書籍資訊】
哎呀!早知道就不會破版的CSS設計技巧:前端工程師防止佈局意外的必學密技(iThome鐵人賽系列書)【軟精裝】
作者: 陳泰銘
出版社: 博碩文化
出版日:2023/07/10
【內容】
本書內容改編自第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私訊詢問庫存呦~
☆ 出貨時間:有現貨的,2個工作日內出貨;無現貨,約3~5個工作日 出貨
【寄送方式說明】
❶ 實體門市取貨
全台麗文校園書局皆可取貨,貨到書局將會以簡訊通知。
❷ 超商取貨
提供7-11及全家超商取貨(需先付款,無貨到付款)。
❸ 一般宅配
本公司主要與黑貓宅急便配合,送達到您指定的地址。
※當您於本網站消費交易完成後,電子發票將會以電子郵件寄給您;如需紙本發票請於下訂時於備註欄位說明。
【付款方式說明】
❶ ATM轉帳、匯款
銀行│第一銀行-三民分行
代號│007
戶名│麗文文化事業股份有限公司
帳號│704-10-051861
※實體ATM每日轉帳最高限額為3萬,若訂購金額超過3萬元,請分兩天或是使用不同的銀行帳戶轉帳。
❷ 信用卡(可分期,需負擔手續費)
凡各家銀行的VISA、MASTER、Union Pay、JCB信用卡皆可使用。
❺ 超商代碼
系統會發送繳費代碼至您的電子信箱,需自行至「超商機器ex:iBon」輸入代碼,產生繳費單後前往櫃檯繳費。
❼ 免卡分期
麗文校園購與「zingala銀角零卡」「第一資融」以及「皮路後支付」合作,讓您免用信用卡就可以購物。
如有使用上的問題,可以先與揪小編聯絡唷!。
※請注意:超過7天未付款之訂單則訂單自動失效;免卡分期訂單成立起7天內未主動聯繫亦同。
【其他說明】
❶關於出貨
1.商品為不缺貨前提下,訂單完成付款後2-4個工作天將會出貨(不含例假日及國定假日);若商品缺貨則須等待1-2週。
2.麗文校園揪來玩保留訂單接受與否權利,若因交易條件有誤或有其他情形導致我們無法接受您的訂單,將以E-mail發送取消訂單通知給您,造成不便敬請見諒。
❷關於退貨
1.非門市現場消費享有七天猶豫期,收到商品當天往後算七天內若是決定不買,則協助不要拆封,一拆封視同願意購買。
2.若真的決定不購買商品要退貨,請聯繫我們LINE線上客服,我們會盡速為您處理。
❸關於新品瑕疵與維修保固
1.全新商品享有購買七日內,新品瑕疵的換新保障;但新品瑕疵與否,是由商品代理商或原廠所判定,麗文校園揪來玩僅能依據判定的結果給予協助。若是原廠判定非新品瑕疵則無法換新,需改為維修的方式處理。
2.新品瑕疵換新的作業時間,將依各廠商的流程而定,最快2個工作天,慢的話也可能需要到15個工作天。
3.購買超過七日後,維修服務由原廠提供。如有需要維修,麗文校園揪來玩可以代為送修,但送修如需運費時(EX:原廠沒有提供免費收件服務),則需由您負擔送修的運費(運費約為100元起,因商品大小而異)。
【華碩的維修服務】