系列文章
DAY 1
DAY01 - 前言
曾在接案公司待了幾年，切版一直佔工作的很大一部分，想藉著這個機會，把我所知道的切版經驗做一次整理。 網路上談論的切版有許多是在說明CSS的用法，但在裡我更想分享...
DAY 2
DAY02 - 切版的日常: 工作流程
這一天，陽光普照，真是美好的一天你輕快地走到辦公室，帶著711買的中冰美走到你的位置，開啟電腦，打開網頁工程師必備的程式編輯器vscode。工具OK，電腦OK，...
DAY 3
DAY03 - 切好版的第一步 - 與設計師的接觸與溝通(1)
「欸欸那個你，來這邊設計都出好圖了，照著圖切就好了」「照著圖切就好嗎？」「對！切得跟圖一樣就好啦，很簡單吧」「喔喔喔，好的！沒問題，包在我身上」 。。。 你確定...
DAY 4
DAY04 - 切好版的第一步 - 與設計師的接觸與溝通(2)
「欸欸欸那個切版，這邊要補切一下喔！」「疑？不是都照著設計圖稿切了嗎？還有漏喔」「喔對啊，因為沒考慮到有無資料時要怎麼長」 。。。。 STEP2 切版該思考的設...
DAY 5
DAY05 - 開始切版前 - 看圖起手式
「好了！有圖有檔案！終於我要開始動工啦」「你要怎麼開始？」「當然是設計稿拿出來，開始一頁一頁衝完啊～～～」 拿到設計師的設計稿、也和設計師討論過設計相關的問題後...
DAY 7
DAY07 - 不要急著每頁切版，先做好你的元件統整頁
01. 複習一下：什麼是元件統整頁 把所有的頁面中的共用元件統整在一個頁面 02. 為什麼要做元件統整頁？ 你切版的時候，會遇到以下情況嗎? 狀況A...
DAY 8
DAY08 - 切版必學技巧 ： 熟知不同CSS使用時機與 - 以「等高」為例
CSS的寫法有很多種，就一個好的切版而言除了知道這些方法，還要知道什麼時候要用什麼方法。要做到這件事，我們可以用以下這些步驟來做分析： 首先我們可以依照遇到...
DAY 9
DAY09 - 跨專案常見的切版共通問題
1. 需求面 1.1. 切版的依循標準無法非常具體 什麼時候該照設計圖稿？什麼時候應該要Follow我們自己的原則？在沒有Guideline的專案，或沒有Gui...
DAY 10
DAY10 - [中場加映] CSS Methodology - Atomic CSS & IT CSS
1. 為什麼需要 CSS Methodology ？ 撰寫CSS一直以來面對到的問題 問題1. 自由度極高，因此缺乏對應的方法便容易造成難以維護的問題cs...