作者ymcheung (ymc)
看板Web_Design
標題[問題] 請問改變表單預設設計造成的影響
時間Sat Aug 23 19:50:04 2014
因為一直以來很不滿瀏覽器表單的預設樣式，或是操作
常常看到有人有新做法時會筆記起來，
例如像這樣
http://codepen.io/m412c0/pen/geKpa (radio，按同一個點會切換)
或是這樣僅改變外觀
http://codepen.io/CreativeJuiz/pen/BiHzp (checkbox自定樣式)
而且只要自己有機會就會仿作，跨瀏覽器問題也是搞定了才上線
不過前端工程師卻暴怒說不能這樣做
請問這樣是否有跟JS、後端串連或是UX相關的禁忌？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.102.136.195
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1408794617.A.A20.html
※ 編輯: ymcheung (59.102.136.195), 08/23/2014 19:52:10
1F：→ tck01: 被前端工程師暴怒? 所以你不是前端工程師嗎? 如果是這樣， 08/23 20:40
2F：→ tck01: 那我會覺得他是在氣你沒有跟他討論就擅改前端的東西? 08/23 20:41
3F：→ ymcheung: 我是設計版面&風格的，因為也會寫網頁所以做靜態的樣版 08/23 20:45
4F：→ ymcheung: 而前端工程師接手跟 jquery等等相關的互動處理 08/23 20:46
※ 編輯: ymcheung (59.102.136.195), 08/23/2014 20:51:00
5F：→ ymcheung: 想知道這樣的作法對於接手的人是否是大麻煩？ 08/23 20:53
6F：→ tck01: 算不算"大"麻煩要看他本人的想法，但是肯定會比單純的表單 08/23 20:55
7F：→ tck01: 多花一些心力，畢竟這是"自訂"的樣式而不是標準規範~ 08/23 20:55
8F：→ tck01: 我覺得是單純沒溝通好啦~ 也許他那邊有某個需求也會需要用 08/23 21:06
9F：→ tck01: js去改變表單的css，然後就跟你的自訂樣式衝突到了之類的? 08/23 21:07
10F：推 GoalBased: 你沒問他暴怒的點嗎= =? 08/23 21:12
11F：→ GoalBased: 除非你改樣式不會影響到他本來的作業 08/23 21:13
12F：→ GoalBased: 還是說其實你有改到內容呢 08/23 21:13
呃 其實這件事情已經過去了，
我做好設計稿要弄成靜態網頁時也跟前端、後端確認這樣可行
當下前端沒說什麼，做了少部分跟我的設計稿、樣板不同的更動後
後端接好，網站就上線
等到最近已經無法溝通時，他突然在自己的FB酸這件事情，
講得像是我連自稱會寫網頁的資格都沒有，所以我現在在取暖...
13F：推 alog: 把你的工作定位弄清楚 08/23 21:36
14F：推 alog: 剛看了你後面的回應 我倒是覺得你跟前端沒有溝通清楚 08/23 21:43
15F：推 alog: 你那個前端之前大概都是純後端出身吧 大概忘記自己該做的事 08/23 21:47
16F：→ alog: 了 08/23 21:47
17F：→ alog: 不過弄到會在fb抱怨這個..不知道是不是歷練還不夠 08/23 21:48
一開始因為我說也想要成為前端，所以都同意讓我刻HTML和CSS
跟他們說我會用sass來寫，也把fire.app分享給他們
感覺他很強調的是效能、Cross-browser(但是也放生IE8)，也許還要求DRY
18F：→ ss163500: 所以如果日後這玩意有瀏覽器相容性問題 是誰要負責處理? 08/23 22:04
當然是始作俑者我呀 XD 解決不了的話會看到我在ptt還有stackoverflow發問
19F：→ ss163500: 也許如果客戶或主管遇到有問題 都會認為是他沒做好 08/23 22:19
20F：推 up9cloud: 不知道麻煩點在哪，代表真沒溝通清楚。真想要知道點在哪 08/24 01:31
21F：→ up9cloud: 還是得去看code。不同code相依性也不同。 08/24 01:35
很想知道是否觸犯了 DOM相關議題或是 Pragmatic Programming原則的禁忌
22F：→ alog: 職場問題 跟程設無關 08/24 12:48
23F：→ alog: 不是你太先進，就是你在無形中加重他們的工作 08/24 12:50
24F：→ alog: 不過認為這也是前端該做的事，假如有在溝通清楚的情況下 08/24 12:51
25F：→ alog: 但今天弄到這樣，這表示你與對方沒有溝通清楚，可能兩方 08/24 12:51
26F：→ alog: 都有各自的見解做自己的事 08/24 12:51
27F：推 aspdoctor: 有可能是你打亂他對class的命名規則之類的，像我就會 08/24 13:07
28F：→ aspdoctor: 很在意這個 08/24 13:08
把css複製進project時，當然也有注意specificity
直接把他糾正我的觀念複製過來，希望也有朋友提出更多不該改表單樣式的原因
表單設計觀念：「不要破壞HTML原生行為」，盡可能不要使用如jQuery或其它詭異的方式
做表單，這是很不優雅而且很差的設計方式，在保有原生行為前提下再來做設計，才是身
為前端該有的基本認知
※ 編輯: ymcheung (59.102.136.195), 08/24/2014 15:11:43
29F：推 GoalBased: 我只是好奇 你改的會改到原生設計嗎 08/24 18:32
30F：→ GoalBased: 我是負責前端和後端的，我也曾經和妳一樣想改樣式 08/24 18:33
31F：→ GoalBased: 我是沒去深入研究改樣是，不過我看到的方法通常 08/24 18:34
32F：→ GoalBased: 都滿暴力的 08/24 18:34
33F：推 GoalBased: 我本來只是想把那個勾或點 改顏色而已~ 08/24 18:36
34F：推 aspdoctor: 用label做樣式，checkbox隱藏起來，應該不算很暴力吧？ 08/24 19:44
35F：→ ymcheung: 我改的就是把以上兩個連結套進網頁裡並附註作者連結 08/24 20:07
36F：推 up9cloud: 不如你丟連結讓大家看看好不好套？不過說真的就算不難， 08/25 00:21
37F：→ up9cloud: 很有可能對方想的一直是："原本不用改，現在要改？" 08/25 00:23
38F：→ ymcheung: 網頁因為某些因素無法公開...不過這樣靜態html/css 08/25 11:19
39F：→ ymcheung: 都是我自己在維護的 08/25 11:19
40F：→ ymcheung: 而他這樣子抱怨，在想是否是影響到NG或 jQuery等的運作 08/25 11:19
41F：→ alog: 我覺得你有心要解決這個問題，就直接去問他 08/25 21:18
42F：→ alog: 不用花時間猜了 08/25 21:18
43F：→ alog: 花個時間聊開比在這裡尷尬好很多 08/25 21:20