系列文章
Sass開發流程設計 - (5) Sass設計資源整理
除了閉門造車設計Sass網站設計流程外， 我自己也時常會去搜尋其他網頁設計師的Sass資源， 再去從對方的設計風格和理念找出優缺， 衡量是否該改善我自己撰寫Sa...
Sass開發流程設計 - (6) 如何逐步整合自己的Sass資料夾
在開發數個網站後， 網頁設計師通常都會思考該如何化繁為簡地設計自己的開發流程， 今天則就提供一些心法讓剛碰觸Sass的朋友了解該如何整合自己的Sass資料， 範...
Sass開發流程設計 - (7) susy grid教學(1)
由於行動裝置的逐步普及， Responsive Web Design(RWD)也逐漸變為市場趨勢， 所以這裡也來聊一下關於RWD的Sass格線系統， 在以前Sa...
Sass開發流程設計 - (8) susy grid教學(2)
本日susy重點： 1.利用omega並排元素內容 2.透過isolation來達成Responsive image gallery grid 在以往我們在設...
Sass開發流程設計 - (9) Off-Canvas layout with Susy
這篇文章竟然花了我7個小時XDD 中間忘了存檔重打外， 重新打一遍又發現到新的觀念， 於是又越拖越晚...冏， 不過終於開始講到我想分享的一些較深入的Sass設...
Sass開發流程設計 - (10)Susy 版型種類介紹
這一次我想聊的是關於susy所提供的grid種類， 因為他不單單只能設計RWD版型而已， 一些常見的網頁版型設定也都有支援提供， 後面如果有時間的話也會設計一個...
Sass開發流程設計 - (11) Prepos 前端利器介紹
如果你希望可以立即寫Sass， 不用去設定繁瑣的安裝流程， 除了fire.app以外， 你也可以選擇使用prepos， 只要下載安裝完就可以直接玩Sass， 這...
Sass開發流程設計-(12) Compass Vertical Rhythm & Susy other setting
Compass Vertical Rhythm - 網頁上的字型大小與行距的統一調整 在以往我們在設計網頁時， 通常在設定一些文字排版上的元素設定line-he...
Sass開發流程設計 - (13)Susy RWD Grid排版流程(上)
前面花了幾章篇幅討論Susy該怎麼用， 這次我們就直接進入實作吧， 首先我先找了個free的template：http://www.html5mania.com...
Sass開發流程設計 - (14)Susy RWD Grid排版流程(下)
延續上章， 為了讓大家了解Susy Grid的設計流程， 我的程式碼都會以乾淨的色塊來呈現內容， 建議下載github原始檔， 以方便後續學習： https:/...