iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

不只是寫寫CSS,切版概念30天 系列

很多人都覺得切版就是寫寫css,而自己的工作以切版為主了好幾年,覺得切版做的事並不是只有這樣啊~~
剛好有這個機會,遍想整理一下切版這份工作,會遇到事情、或整體的工作也許該注意的有眉角。希望讓大家再對切版這份工作有一些更深入的認識!

鐵人鍊成 | 共 30 篇文章 | 40 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY21 - 切版結構分析 - 建立一個可Reuse的表單 Form - (1)

表單是一個很常遇到的版型,表單的設計可以很簡單,也可以很複雜~那對切版而言,表單可以怎麼切才可以更有彈性呢? 今天我們先來分析一下表單的結構 表單結構的分析,可...

2020-10-06 ‧ 由 Lynn 分享
DAY 22

DAY22 - 切版結構分析 - 建立一個可Reuse的表單 Form - (2)

依照我們上一篇解析的方式建立表單該怎麼實作呢? 可以看一下HTML結構,就會有大概的概念囉: 表單大結構可以從整體、上下表單列、到左右標題定義 表單元...

2020-10-07 ‧ 由 Lynn 分享
DAY 23

DAY23 - 考驗你的切版功力 - 彈性

切版切的好不好,有一個很重要的判斷條件:彈性白話一點來說就是,你的版會不會加什麼壞什麼 XD 常常在拿到設計稿的時候我們都是看到最美好的時候,但真實的資料世界裡...

2020-10-08 ‧ 由 Lynn 分享
DAY 24

DAY24 - 資料串接與切版間的取捨(1) - 大小版有錯嗎?

不同人有不同的想法,不同職位也有不同的做事角度對於切版而言有的方法就是比較好切,但對於資料串接就是會很難處理,「資料串接與切版間的取捨」這個小主題要討論的就是這...

2020-10-09 ‧ 由 Lynn 分享
DAY 25

DAY25 - 資料串接與切版間的取捨(2) - 多筆資料For迴圈

是什麼樣的資料類型會有For迴圈? 「多筆資料For迴圈」指的是什麼呢?通常資料串接資料,直接跑For Loop的結構會有以下兩類型: 1. 多筆重覆的資料類...

2020-10-10 ‧ 由 Lynn 分享
DAY 26

DAY26 - CSS命名規則 - BEM

不論是哪種程式,都會遇到命名這件事~關於CSS的命名有什麼規則可以依循呢?也許你可以試著瞭解看看BEM 什麼是BEM? BEM = Block(區塊) Elem...

2020-10-11 ‧ 由 Lynn 分享
DAY 27

DAY27 - 建議避免的CSS命名規則

昨天,提供了一種CSS命名的方法,今天,我們再來看看有什麼要避免的CSS命名呢? 避免直接把顏色放在class之中 也許大家在切版的時候,會很直覺地看到畫面上有...

2020-10-12 ‧ 由 Lynn 分享
DAY 28

DAY28 - EDM切版

還有一種類型的切版,是EDM切版,EDM切版是什麼呢?指的就是信裡面看到的版面,像是下面這個就是EDM的截圖 如果你的EDM切版用原本的切版方式,你完成之後可...

2020-10-13 ‧ 由 Lynn 分享
DAY 29

DAY29 - 切版的學習歷程與方向

今天就我自己的經驗跟大家分享一下,培養切版技能的方向~ 第一階段:練習什麼靜態版面都要可以切出來 1. 基本的CSS原理一定要懂 CSS有很多,有些更是使用率高...

2020-10-14 ‧ 由 Lynn 分享
DAY 30

DAY30 - 切版的下一步

終於來到最後一天了!真的很怕最後一天出什麼意外啊~~(突然昏睡24小時,今天就過了之類的 ? )其實要參加之前一直很猶豫,但還是下定決心報了名,果然最難的就是從...

2020-10-15 ‧ 由 Lynn 分享