[問題] 關於版型、css的規劃問題

[no1kk (心中在下雨)]

最近被要求要制定一套前端的工作流程

主要是規劃js、css與頁面版型的格式

js的部分比較沒有異議

主要在於css和template的部分我的意見和主管的不同


template

共同的共識是

頁面下的各單元是不同的template

頁面內主要是架構，然後將需要的元件拉進去指定的位置做使用

我想大部分的人應該也是這樣做的

只是在於元件的格式，我們有很大的差異


他認為

應該要製作成樣版模式

未來使用上只要用參數套入不同的長、寬、背景等要素、及CSS

就可以應用在每個不同的網站，類似的元件

這樣可以加速製作新網站或舊網站改版的時間

簡單的說就是樣板的檔案數應該減少，並盡可能的重複使用

由帶入的參數的全權控制內容的呈現



我認為

每個不同網站本來就都是分別量身打造的

硬要製作適合各網站的元件樣板是不可能的

元件之間就算是相似度極高

但是事實上內容、格式只要有一點點不一樣

就很難用同一個框架去套用

(當然，如果同一個網站在不同頁面出現相同的元件，就會重複利用)
(內容未必一樣，如熱門排行、最新排行這樣)

並且，每個元件都會對應一個class名稱

用以制定內容的呈現方式

內容、架構有些微不同的元件

則複製類似的去修改，用不同的class名稱就好了



我的看法

我的方式比較符合實際作業的模式

調整元件參數以符合新的內容

實際上的作業時間

不會比複製類似元件再修改來的快

而且css的名稱符合元件的功能也更利於seo以及未來的維護和修改




css

他認為
配合template的模式

css應該是一個功能用一個class去設定
如
.floatL{float:left}
.color1{#112233}
.color2{#445566}
.......等等

當使用一個樣板時，將需要的class用參數的方式通通塞進class欄位中去附加
如<div class="floatL color12 paddingA5 bgC3">


我認為
css應該是以元件為單位去做設定 (配合上述template的模式)
如
.top_sales{....}
.top_sales .title{....}
.top_sales .photo{.....}
.top_sales .content{.....}



我的看法
用他的方式或許css的檔案會比較小 (更何況css是可以壓縮的)

但是你只是將字元量轉嫁到html上面

而且當你看原始碼的時候，全部都是一堆無意義的class

修改起來一定超級痛苦的




上面的說明不知道有沒有不清楚的地方


實際在做這件事的是我

但是主管的方式無法說服我 (這樣做更有效率)

我也同樣無法說服主管讓我用我的方式

主要是想尋求各種不同的意見

說服我 或 讓我說服他

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 211.75.166.220
→ superpai:這又不是二選一的東西 都做起來並不衝突
推 waldfantasy:.top_sales .title{....} 這種做法很容易遇到問題
→ waldfantasy:如果你們有真正的"網頁設計師",要製作ie6,7,8都不會跑
→ waldfantasy:版的版型,上面的語法就會有問題
→ tomin:不懂　樓上可以說明一下可能的問題是?
推 jojozyzy:我自己是採用混合的手法，用.hide .show .txt_bule來設定
→ jojozyzy:通用型，這樣後端工程師看的懂也知道怎麼取用，可是如一
→ jojozyzy:個portlet的製做，我會採用獨立的手法，同時也希望後端不
→ jojozyzy:要取用。