Muki老師分享-- CSS設計與前端技術、Responsive Web Design

...................................................................................................................................................................................

Muki老師關於 Responsive Web Design的文章

http://www.mukispace.com/?s=Responsive

...................................................................................................................................................................................

好用的 Responsive grids : SUSY 實作感想

08 4th, 2013

CSS / HTML

標籤：compass, RWD, susy, 實作, 觀念

相信大家都看過這張流傳已久的 compass 武裝神圖：

而我在接觸 SUSY 這個專門給 Compass 用的 Responsive grids framework 之後，我深深認為 SUSY 加上 Compass 的合體會變成：
(本來想把圖做的精美一點的，可是 ubuntu 沒有 photoshop 可以用，所以就算了 OTL)

是的，你沒看錯，就是復仇者聯盟！為什麼我會給 SUSY 那麼高的評價呢？還變成了超強的復仇者聯盟，搞毛阿！！
但我真的覺得 SUSY 實在是無敵噁心好用，以下跟大家分享我覺得他好用的點：

簡潔：如果你有看他們的官方文件，會發現所有語法只有該死的一頁，就沒了。
靈活度非常高：假設你曾用過 Twitter Bootstrap，應該可以理解 Bootstrap 他們設計的 grid 其實都寫死，你只能用他們寫好的框架套用，然後在 class 命名還要寫上一堆噁心又令人發毛的col-lg-1, col-lg-2, col-lg-8 這到底是什麼啦(翻桌。
但 SUSY 他只提供語法，因此你可以自由命名 class，然後在這些 class 裡插入他的語法就好了。

以上，雖然只有簡單的兩個特點，但這就是我使用 grid system 最在意的部份啦！所以我果斷跳坑開始玩 SUSY，連公司網站，還有自己的網站也歡樂的用 SUSY ：D
(繼續閱讀)

我將思想傳授他人，他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程，遠距教學 (Web Form 49hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程，遠距教學 (ASP.NET MVC 75hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

ASP.NET MVC線上課程第一天免費看 (5.5小時)

寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.台灣 或 school (at) mis2000lab.net

ASP.NET遠距教學、線上課程（Web Form + MVC）。 第一天課程， "完整" 試聽。

................ facebook社團 https://www.facebook.com/mis2000lab ......................

................ YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

Blog文章 "附的範例" 無法下載，請看 這裡 ...... https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

......................................................................................................................................................