第六屆 優選

dev
30天掌握Sass語法
廖洧杰

系列文章

DAY 11

30天掌握Sass語法 - (11)覺得Sass的寫法不適合你寫CSS嗎?那試試看SCSS吧!

有些人或許對SASS這種太乾淨的寫法有點無法適應, 因為他是靠TAB推進來寫CSS與階層性的, 如果你覺得SASS你不習慣, 那你可以試試看SCSS! 舉例來說...

DAY 12

30天掌握Sass語法 - (12)以Bootstrap framework淺談HTML、SASS設計模式

相信網頁設計師們都知道bootstrap這個前端framework, 載入它的js與css後, 之後只要在你的html tag加上他寫好的class樣式即可。...

DAY 13

30天掌握Sass語法 - (17)使用@content建構RWD網頁設計

esponsive Web Design(RWD) 又稱為響應式網頁設計, 它可以因應網頁解析度上的不同, 進而改變網頁上的樣式, 如果你不了解什麼是RWD的話...

DAY 14

30天掌握Sass語法 - (18)規劃你的Sass結構

在上回我們曾經提到過@import的用法, 它的功用在於可以將CSS檔案進行切割, 如果是單純要被匯入整合Sass檔, 而並沒有要轉出成CSS檔案的話, 那就在...

DAY 15

30天掌握Sass語法 - (19) Sass @Mixin and Compass結合運用範例

在之前我們都是在講關於Sass與Compass的語法教學, 這次我們來談談該如何使用Sass Mixin與Compass該如何結合, 才可以提升網頁設計師撰寫C...

DAY 16

30天掌握Sass語法 - (20) 利用@Mixin與Sass運算建立Grid System

雖然說如果你的網頁設計有符合960grid或其他grid system的話, 做網頁就相對方便許多, 但如果美術設計對grid system觀念不是很熟, 或者...

DAY 17

30天掌握Sass語法 - (21) Sass常見編譯錯誤介紹

一般網頁設計師在編譯Sass時, 時常會遇到一些無法編譯成功的問題, 通常要找很久資源才會知道該怎麼撰寫正確的Sass格式, 所以這裡也提供一些除錯細節, 讓大...

DAY 18

30天掌握Sass語法 - (22)Sass顏色函數介紹

網頁設計師在設計網頁時, 通常都會直接瀏覽繪圖軟體工具來觀看色盤, 但如果是透過Sass顏色函數的話, 就可以自動產生出所想要的顏色。 同時也會介紹一個Sass...

DAY 19

30天掌握Sass語法 - (23) 介紹Sass與Compass的config.rb設定

今天如果你創立了一個Compass專案後, 會發現資料夾內會有一個config.rb, 它的用處主要是拿來設定一些有用的參數, 透過這一次分享來進行一一的介紹。...

DAY 20

30天掌握Sass語法 - (24) 淺談Sass協作流程分享

該如何讓兩位以上的隊友發揮1+1=3以上的更大價值, 一直以來都是公司團隊間時常需要討論的議題, 又會因為每個隊友的能力不同, 所以每間公司的團隊流程也會有所調...