哎呀!早知道就不會破版的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
立即查看
Agile一本通!敏捷新手入門導引:你需要的敏捷觀念、工具、好用資源,看這本就夠!(iThome鐵人賽系列書)【軟精裝】 (1版)
類似書籍推薦給您
內容簡介
從觀念到工具不藏私分享,以詼諧的文字帶你認識敏捷!
✦ 敏捷初學者的第一本書 ✦
觀念養成 × 好用工具 × 延伸學習資源
本書內容改編自第14 屆iThome 鐵人賽Agile 組冠軍系列文章《敏捷路上觀察紀錄—那些好用的與歪掉的部分》。本書以「路人都看得懂、易於理解,讓來自各領域的讀者都能收獲滿滿」的敏捷入門書籍為目標,集結了作者由初識敏捷、嘗試應用於工作與生活中,到追尋自我精進之所見所學,透過作者幽默詼諧的筆調,結合貼近日常生活與工作的實際情境,全方位說明敏捷觀念的養成、實際案例的應用,期望能成為讀者在敏捷探尋路上的一盞引路燈。
作者在本書中運用親切易懂的文字,仔細解釋敏捷觀念與意義,輔以工作實務及日常生活上常見的情境,讓觀念更加具體與貼近實際運用,使讀者能夠更好地理解敏捷的知識與方法;同時介紹實務上常用的工具,讓讀者可以透過工具的運用,提升工作效率、更有效地與團隊合作,進而體驗到實施敏捷所帶來的強大效益。
此外,本書的每個章節皆設計自我練習、附上參考資源供讀者自我檢視與深入學習。本書希望擺脫「只有軟體從業人員或管理人員才能/才需要理解敏捷和應用敏捷」的既定觀念並期盼能引起更多讀者對敏捷方法的興趣、降低學習門檻,以及陪伴讀者找出最適合自己的敏捷學習與應用方式。
目標讀者
☑ 敏捷初學者,或好奇敏捷是什麼的人
☑ 身處痛苦泥淖中的開發人員
☑ 覺得自己很無辜但好像什麼都做不了的專案管理人員
☑ 開發團隊說他們現在跑敏捷,想來了解一下的客戶
☑ 想比鐵人賽,想看看歷屆參賽選手都寫了什麼的準選手
目錄
CHAPTER 01 歡迎來到敏捷小學堂
1.1 關於敏捷,你一定會想知道的事
1.1.1 什麼是敏捷
1.1.2 敏捷的實現方法
1.1.3 關於那些繁瑣的文件
1.1.4 敏捷只能用在軟體開發上嗎?
1.1.5 在敏捷的路上,我可以先避開哪些坑?
CHAPTER 02 我該敏捷嗎?還是⋯⋯
2.1 專案進行的千百種姿勢
2.1.1 常聽到的瀑布式開發,那是什麼?
2.1.2 瀑布式開發為什麼不適合
2.1.3 我應該選擇瀑布式、敏捷開發或者⋯⋯?
CHAPTER 03 專案開始!需求篇
3.1 您好,請問需要什麼呢?
3.1.1 領域驅動開發(Domain-Driven Design, DDD)
3.1.2 從 Domain Story 轉換到 User Story
3.1.3 使用者故事對照(User Story Mapping)
CHAPTER 04 專案啟動!工作項目與工時篇
4.1 需求我了解了,但現在我該做些什麼?
4.1.1 讓想法落地,你需要待辦清單
4.1.2 現代愚公如何移山?你還是需要待辦事項
4.1.3 產品待辦清單(Product Backlog)與衝刺待辦清單(Sprint Backlog)
4.1.4 大目標小任務:Epic、Feature、Story、Task
4.1.5 待辦清單與 WBS 的異同
4.2 工作項目如何分配?以認領代替指派
4.3 估工時的藝術
4.3.1 為什麼要估工時
4.3.2 故事點(Story Point)
4.3.3 如何將工作量轉換成工時
4.3.4 這次真的有估準嗎
CHAPTER 05 專案進行中!會議篇
5.1 有效的會議,好的交流
5.1.1 衝刺(Sprint)
5.1.2 產品待辦清單精煉會議(Product Backlog Refinement)
5.1.3 衝刺計畫會議(Sprint Planning Meeting)
5.1.4 每日站立會議(Daily Scrum)
5.1.5 衝刺審查會議(Sprint Review)
5.1.6 衝刺回顧會議(Sprint Retrospective)
CHAPTER 06 專案進行中!文件、共筆與程式篇
6.1 打造一座組織共享的藏經閣
6.1.1 文件該放在哪裡?
6.1.2 共筆文件——去找吧!我把所有的文件與筆記都放在那裡
6.2 或者⋯⋯讓程式成為最好的文件
6.2.1 對準團隊的程式寫作風格(Coding Style)
6.2.2 善用程式版本控管工具的訊息欄,留下必要說明
6.2.3 使用 Swagger 自動產生API文件
CHAPTER 07 專案進行中!團隊大小事篇
7.1 We Are One Team:團隊組成與互動
7.1.1 組建跨職能(Cross-Functional)的團隊
7.1.2 用技能矩陣(Skill Matrix)組出菁英隊伍
7.2 運用團隊力量,一起成為更好的人
7.2.1 拓展團隊視野與促進對成員間彼此認知的方式
7.2.2 如何建立學習與分享的團隊氣氛
7.2.3 精進軟體開發技能的方式
7.2.4 增進持續學習的動力
CHAPTER 08 專案進行中!軟體開發篇
8.1 我們應該開發出怎樣的產品?
8.1.1 BDD:行為驅動開發
8.1.2 ATDD:驗收測試驅動開發
8.1.3 TDD:測試驅動開發
8.2 設計原則——精簡
8.2.1 DRY(Don't Repeat Yourself)
8.2.2 YAGNI(You Aren't Gonna Need It)
8.2.3 KISS(Keep It Simple & Stupid(Silly))
8.3 程式也需要持續對準——CI/CD
8.3.1 持續整合(Continuous Integration, CI)
8.3.2 持續交付(Continuous Delivery, CD)
8.3.3 CI/CD工具介紹
CHAPTER 09 專案結尾!評估與改進篇
9.1 我們是真的敏捷了嗎?
9.1.1 使用 The Scrum checklist 與團隊成員一起討論
9.1.2 給 Scrum Master 的評估量表
9.2 那些會導致敏捷失敗的原因
9.2.1 缺少高階管理者/老闆/主管的支持
9.2.2 不清楚敏捷轉型的目的
9.2.3 成員不清楚或不認同敏捷核心想法
9.2.4 既有組織結構與角色與敏捷定義衝突
9.2.5 誤會敏捷可以「速成」
9.3 在敏捷路上遇到困難了,如何調適心態
9.3.1 找到組織內認同的敏捷的夥伴與專家
9.3.2 傾聽團隊成員的聲音,找出問題所在
9.3.3 持續學習與交流
9.3.4 「大家一起變得更好」就是最大的成就感來源
9.3.5 找出改善點,持續嘗試,不要放棄!
CHAPTER 10 活動時間!敏捷遊戲篇
10.1 玩過一次就懂了——增進敏捷觀念的遊戲
10.1.1 拋接球遊戲(Agile Ball Point Game)
10.1.2 摺紙飛機遊戲(Agile Paper Airplane Game)
10.1.3 敏捷樂高(Lego Scrum, LEGO 4 SCRUM)
10.1.4 棉花糖塔
10.1.5 解手結
CHAPTER 11 自我提升!學習資源篇
11.1 學習資源有哪些?
11.2 線上課程
11.2.1 線上課程平台
11.2.2 免費實習證書課程
11.2.3 教學影片
11.3 實體活動
11.3.1 社群
11.3.2 研討會
CHAPTER 12 自我認可!證照篇
12.1 有哪一些敏捷相關的證照?
12.1.1 Scrum Alliance
12.1.2 Scrum.org
12.1.3 PMI
12.2 我需要擁有敏捷證照嗎?
立即查看
◎全書共十一章,從人生概論、人的來踪、五行、善惡、談到人性與化性,是以人為本的修身之書。
◎以傳承並推廣中華文化的家庭倫理、人生智慧等美好傳統為己任,讀者透過本書能受益無窮。
◎引用王鳳儀善人等聖賢的語錄智慧,並加入作者的實踐心得,用簡單的「六法」引領實踐,達到親民效果。
與袁了凡《了凡四訓》齊名的王鳳儀《王鳳儀語錄》,最新詮釋本,淺顯易懂,更融會中華文化的精隨。
王鳳儀(公元1864—1937年),中國東北的知名大善⼈,二⼗四歲時長期感染瘡疥,後聽人講解善書,開始懺悔,大病竟然不藥而癒,因而開始確立「悔過可以治病」的理念。後來在世俗中觀察修行,因緣際會看到了「黑夜見白天」景象,因而茅塞頓開,對世間的人情世故多所覺悟。最終在為亡父守墓時,諸天神佛現光蒞臨,因而發明了「性理療病法」。
王鳳儀所謂的「性」,是人的氣質與性格,以中國的五行分為金、木、水、火、土五種,性質的黑暗面會導致人產生對應的疾病,透過「講病」了解疾病的根源,之後真心誠意的認錯、悔過,從根本化掉性質的黑暗面,就能夠把病治好。
作者陳明朗接觸《王鳳儀語錄》後,積極探討人生的方向,從學知轉念到實踐,在親身體驗到中華文化的智慧後,深感文化的寶貴及其傳承的重要性,故盡己之力,用簡單觀念詮釋善人語錄,希望能讓更多人明白人生真諦並從中受惠。
本書著重闡揚知善的智慧,知善才能知人,知人才能知病,知病才能解病,解病才能化性,化性才能開性,開性就是開悟,開悟才能達天時,達天時才能識時務,識時務才不會受剋。
更多精彩內容請見
http://www.pressstore.com.tw/freereading/9789865526979.pdf
立即查看
那些電影教我的事:把那些最好和最壞的時光全部加起來,就是我們的人生。<商周>
類似書籍推薦給您
立即查看
我們愛過很多人,就是不曾愛自己:跟自己談一場21+1天的戀愛<三采>
類似書籍推薦給您
立即查看