哎呀！早知道就不會破版的CSS設計技巧：前端工程師防止佈局意外的必學密技（iThome鐵人賽系列書）【軟精裝】 (1版)

類似書籍推薦給您

【簡介】 本書內容改編自第14屆iThome鐵人賽Modern Web組的冠軍系列文章《防禦性CSS-建立「防患未然」的匠人心態》。本書用淺顯易懂的程式碼及貼近生活的實際情境，來探討如何培養「防患未然」的思維。由於有些畫面佈局過於單純和簡單，因此會容易忽略其潛在的破版危險，這些令人容易忽略的潛在性危險，很有可能在你最不希望它出現的時候意外出現了，小則影響畫面上的美觀，大則影響產品在客戶眼中的專業形象，進而造成商業上的損失。 本書將這些常見的案例分成八個主題，逐一探討每一個問題會發生的情境，以及提供解決這些問題的具體方法和技巧，希望在這些案例分析的過程當中，以容易上手的程式碼，帶領讀者慢慢培養「防患未然」的思考習慣，即使是一行簡單的CSS，也能夠充分展現專業的程式設計態度。 【目錄】 |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

超完美CSS設計風格指南 (1版)

類似書籍推薦給您

商品描述 ★一口氣搞懂Web開發現場應該要懂的CSS相關知識 ★解決您在開發時遇到的困難 ★解決團隊協作開發的溝通問題 隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？ 本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。 <序> 本書是講述CSS設計的參考書。正在煩惱該如何編寫CSS的人，翻閱後若覺得有所幫助，筆者將會欣喜萬分。 何謂編寫CSS？ 投入前端工程開發的人肯定皆會接觸CSS，但涉入多麼深的程度就因人而異。筆者任職的PixelGrid，職員僅數十名，主要業務為網站架設與APP實作。雖然PixelGrid主打前端工程的相關技術，但專門編寫CSS的人員卻不多，大家多多少少都會編寫CSS。除了對屬性（property）有一定程度的瞭解外，對於怎麼編寫CSS、如何管理完成的CSS，具有一定程度上的知識。 現在回頭想想，我並不曉得自己是如何學會編寫CSS的，市面上沒有系統性解說相關思維的書籍。雖然CSS的參考資料多不勝數，有介紹各種屬性呈現的效果⋯⋯等等，但該考慮什麼事情、該注意什麼來編寫CSS、該如何管理完成的CSS，就幾乎沒有相關的統整教材。然後，關於這種編寫CSS的能力，不易簡單描述應該具備什麼知識，即便事前記住網站的內容，也難以三言兩語說明清楚。 目錄大綱 第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章 功能優先

小水豚教你做網站! 輕鬆學好 HTML / CSS 網頁設計 (1版)

類似書籍推薦給您

目錄 【Part 1】練習編寫 HTML 01 章：暖身練習 02 章：學習 HTML 的基本知識 【Part 2】建立社群媒體入口網站 03 章：學習 CSS 的基本知識 04 章：編寫社群媒體入口網站的 CSS 【Part 3】建立兩欄式網站：水豚農場部落格 05 章：編寫部落格網站的 HTML 06 章：編寫部落格網站的 CSS 【Part 4】建立一頁式網站：水豚的婚禮邀請 07 章：編寫線上邀請表單的 HTML 08 章：編寫線上邀請表單的 CSS 09 章：加上 CSS 動畫效果 10 章：製作響應式網頁設計 【Part 5】建立多頁式網站：水豚餐廳官網 11 章：網站的架設流程與網頁設計的基本知識 12 章：編寫餐廳網站的 CSS（手機版） 13 章：編寫餐廳網站的 CSS（電腦版） 14 章：運用網路資源製作 CSS 漢堡選單 15 章：網站上線前的準備工作