第六屆 優選

dev
30天掌握Sass語法
廖洧杰

系列文章

DAY 31

Sass開發流程設計 - (5) Sass設計資源整理

除了閉門造車設計Sass網站設計流程外, 我自己也時常會去搜尋其他網頁設計師的Sass資源, 再去從對方的設計風格和理念找出優缺, 衡量是否該改善我自己撰寫Sa...

DAY 32

Sass開發流程設計 - (6) 如何逐步整合自己的Sass資料夾

在開發數個網站後, 網頁設計師通常都會思考該如何化繁為簡地設計自己的開發流程, 今天則就提供一些心法讓剛碰觸Sass的朋友了解該如何整合自己的Sass資料, 範...

DAY 33

Sass開發流程設計 - (7) susy grid教學(1)

由於行動裝置的逐步普及, Responsive Web Design(RWD)也逐漸變為市場趨勢, 所以這裡也來聊一下關於RWD的Sass格線系統, 在以前Sa...

DAY 34

Sass開發流程設計 - (8) susy grid教學(2)

本日susy重點: 1.利用omega並排元素內容 2.透過isolation來達成Responsive image gallery grid 在以往我們在設...

DAY 35

Sass開發流程設計 - (9) Off-Canvas layout with Susy

這篇文章竟然花了我7個小時XDD 中間忘了存檔重打外, 重新打一遍又發現到新的觀念, 於是又越拖越晚...冏, 不過終於開始講到我想分享的一些較深入的Sass設...

DAY 36

Sass開發流程設計 - (10)Susy 版型種類介紹

這一次我想聊的是關於susy所提供的grid種類, 因為他不單單只能設計RWD版型而已, 一些常見的網頁版型設定也都有支援提供, 後面如果有時間的話也會設計一個...

DAY 37

Sass開發流程設計 - (11) Prepos 前端利器介紹

如果你希望可以立即寫Sass, 不用去設定繁瑣的安裝流程, 除了fire.app以外, 你也可以選擇使用prepos, 只要下載安裝完就可以直接玩Sass, 這...

DAY 38

Sass開發流程設計-(12) Compass Vertical Rhythm & Susy other setting

Compass Vertical Rhythm - 網頁上的字型大小與行距的統一調整 在以往我們在設計網頁時, 通常在設定一些文字排版上的元素設定line-he...

DAY 39

Sass開發流程設計 - (13)Susy RWD Grid排版流程(上)

前面花了幾章篇幅討論Susy該怎麼用, 這次我們就直接進入實作吧, 首先我先找了個free的template:http://www.html5mania.com...

DAY 40

Sass開發流程設計 - (14)Susy RWD Grid排版流程(下)

延續上章, 為了讓大家了解Susy Grid的設計流程, 我的程式碼都會以乾淨的色塊來呈現內容, 建議下載github原始檔, 以方便後續學習: https:/...