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