系列文章
DAY21 - 切版結構分析 - 建立一個可Reuse的表單 Form - (1)
表單是一個很常遇到的版型，表單的設計可以很簡單，也可以很複雜～那對切版而言，表單可以怎麼切才可以更有彈性呢？ 今天我們先來分析一下表單的結構 表單結構的分析，可...
DAY22 - 切版結構分析 - 建立一個可Reuse的表單 Form - (2)
依照我們上一篇解析的方式建立表單該怎麼實作呢？ 可以看一下HTML結構，就會有大概的概念囉： 表單大結構可以從整體、上下表單列、到左右標題定義 表單元...
DAY23 - 考驗你的切版功力 - 彈性
切版切的好不好，有一個很重要的判斷條件：彈性白話一點來說就是，你的版會不會加什麼壞什麼 ＸＤ 常常在拿到設計稿的時候我們都是看到最美好的時候，但真實的資料世界裡...
DAY24 - 資料串接與切版間的取捨(1) - 大小版有錯嗎？
不同人有不同的想法，不同職位也有不同的做事角度對於切版而言有的方法就是比較好切，但對於資料串接就是會很難處理，「資料串接與切版間的取捨」這個小主題要討論的就是這...
DAY25 - 資料串接與切版間的取捨(2) - 多筆資料For迴圈
是什麼樣的資料類型會有For迴圈？ 「多筆資料For迴圈」指的是什麼呢？通常資料串接資料，直接跑For Loop的結構會有以下兩類型： 1. 多筆重覆的資料類...
DAY26 - CSS命名規則 - BEM
不論是哪種程式，都會遇到命名這件事～關於CSS的命名有什麼規則可以依循呢？也許你可以試著瞭解看看BEM 什麼是BEM? BEM = Block(區塊) Elem...
DAY27 - 建議避免的CSS命名規則
昨天，提供了一種CSS命名的方法，今天，我們再來看看有什麼要避免的CSS命名呢？ 避免直接把顏色放在class之中 也許大家在切版的時候，會很直覺地看到畫面上有...
DAY28 - EDM切版
還有一種類型的切版，是EDM切版，EDM切版是什麼呢？指的就是信裡面看到的版面，像是下面這個就是EDM的截圖 如果你的EDM切版用原本的切版方式，你完成之後可...
DAY29 - 切版的學習歷程與方向
今天就我自己的經驗跟大家分享一下，培養切版技能的方向～ 第一階段：練習什麼靜態版面都要可以切出來 1. 基本的CSS原理一定要懂 CSS有很多，有些更是使用率高...
DAY30 - 切版的下一步
終於來到最後一天了！真的很怕最後一天出什麼意外啊～～(突然昏睡24小時，今天就過了之類的 ? )其實要參加之前一直很猶豫，但還是下定決心報了名，果然最難的就是從...