[爆卦]Sass mixin RWD是什麼?優點缺點精華區懶人包

為什麼這篇Sass mixin RWD鄉民發文收入到精華區:因為在Sass mixin RWD這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Whatever (Whatever)看板Web_Design標題[問題] 想請教 SASS 跟...


先聲明我不懂這兩個技術 我只是在網路上面看了一些文章

"好像"可以讓寫CSS比較方便、比較好維護擴充等等的好處

但以我自己而言,常用的CSS當然很熟悉,所以可不用查就直接寫在編輯器裡面

如果有想要什麼CSS的效果我不知道如何下手,也可以上網看別人是怎麼寫的

所以我也沒有對直接寫CSS這件事情感到過於困擾過

我的想法是我想要什麼效果,我就去加,我就去試,配合瀏覽器開發工具

多數上想要的效果都可以達成

那這樣為什麼會需要SASS或SCSS之類的存在呢?(並非引戰,只是好奇)

除非他能完成某些CSS做不到的事情,我才會覺得這工具真的太神了

否則如果只是把有點類似把程式的寫法套用到CSS上

我不知道我還要不要花學習成本下去學習,搞不好我直接寫CSS還比較快

我自己的猜測應該是 協同合作 跟 專案的大小 或許會節省很多的時間

以上請前輩指教 謝謝


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.191.143
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1540506656.A.46C.html
nohara001: 變數 好用 10/26 07:19
ninetyeight: 花個五分鐘學而已 又不是需要多大的成本 10/26 08:53
slighter: nesting>bem起來舒服,mixin、extend>rwd時輕鬆多了。 10/26 10:48
slighter: 變數css3就有喔~ 10/26 10:50
satanbaby: 可以先用CSS設計一個網站 然後再改主題色跟文字大小 10/26 11:51
satanbaby: 你就會發現很麻煩 SCSS可以用個變數 統一管理 10/26 11:56
ymcheung: 好管理 好交付 = 容易團隊合作 10/26 13:12
pkro12345: 我覺得巢狀最實用 再來就省略大括號和變數運算那些 簡 10/26 13:45
pkro12345: 單好學看看範例就知道要怎寫了 10/26 13:45
soft2165: 就是方便呀~必用! 我個人最後是用stylus. 10/26 14:57
pm2001: 你覺得用不到就不要用啊 10/26 14:57
oj113068: 我也覺得還沒到很大型的專案的話,直接coding對我來說 10/26 16:06
oj113068: 比較快,不過到處都在談論這些預編輯工具的時候喔挺焦慮 10/26 16:06
oj113068: 的XD...... 10/26 16:06
Neisseria: 先寫普通的 CSS,再用 SCSS 重構,就會理解其好處 10/26 17:35
ucfan: 最常用巢狀跟 mixins,而且很適合用來實作 BEM。變數的部分 10/26 20:59
ucfan: 倒是慢慢改用 CSS 變數了 10/26 20:59
shter: 用過 SCSS 後我還是覺得直接寫 CSS 比較簡單 10/27 01:50
shter: SCSS 優勢是可以寫的很少,但那個 build 速度不敢恭維 10/27 01:52
shter: SCSS除非有天瀏覽器原生支援不然我應該是不想用 10/27 01:54
spongetama: sass/scss 也是在寫css啊沒有不同,但非常方便管理你 10/27 02:15
spongetama: 的css層級與元件(如果是大專案),也可以減少重複性 10/27 02:15
spongetama: 的輸入 10/27 02:15
spongetama: 只是多一個轉譯,就看要用工具或打指令 10/27 02:24
kawaii98: 喔...我剛好是從css轉sass的,可以回覆你的問題,自從使 10/27 20:30
kawaii98: 用sass之後就回不去了,因為真的太好用,只要在同一個{ 10/27 20:30
kawaii98: }範圍內都可以做任何屬於這個class的效果,很方便好管 10/27 20:30
kawaii98: 理,你一定要試試看 10/27 20:30
kawaii98: 同個層級還有變數管理很方便 10/27 20:30
kawaii98: 不過缺點是要安裝ruby跟轉譯器例如koala 才能跑scss/sas 10/27 20:32
kawaii98: s 10/27 20:32
moodoa3583: 菜鳥如我平常都是用Sass,結果面試考試CSS差點寫不出 10/29 22:00
moodoa3583: 來,除此之外我覺得很方便 10/29 22:00
ku399999: 學基本功能不用20分鐘...還是看一下吧 11/01 01:38
Siu: CSS用得多的人就會需要 像我用很少的 就不想腦袋辛苦 11/03 20:29
Siu: 直接用EXCEL幫我生重覆的東西 XDDD 11/03 20:30

你可能也想看看

搜尋相關網站