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

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

 

最近微軟也把Responsive Web Design加入研討會內容,進行推廣了。
 
我在網路上找到 Muki Wu的網站,對於Responsive Web Design、CSS的文章與範例都非常有趣
除了推薦給大家。
 
 
也邀請 Muki老師帶領各位 ASP.NET / 網頁程式設計師,進入CSS與Responsive Web Design的世界
 

 

 
 

 

Muki老師的文章

    http://www.mukispace.com/design-front-end-article-s/

 
這篇文章是整理我粉絲團所發表過的資源,因為粉絲團很難搜尋舊文,又常有朋友私下問我某天分享的文章是否能再給他一次,但我自己也很難搜尋到 XD,所以透過 blog 將所有文章彙整如下。
 
文章不定期更新,歡迎大家把這篇加入你的 bookmark,當作資源文章 :)     詳見全文
 
參考目錄
 

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

Muki老師關於 Responsive Web Design的文章

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

 

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

推薦文章:http://www.mukispace.com/susy-responsive-grids-for-compass/

好用的 Responsive grids : SUSY 實作感想

08 4th, 2013 
 
標籤:

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

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

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

  • 簡潔:如果你有看他們的官方文件,會發現所有語法只有該死的一頁,就沒了。
  • 靈活度非常高:假設你曾用過 Twitter Bootstrap,應該可以理解 Bootstrap 他們設計的 grid 其實都寫死,你只能用他們寫好的框架套用,然後在 class 命名還要寫上一堆噁心又令人發毛的col-lg-1col-lg-2col-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

請看我們的「售後服務」範圍(嚴格認定)

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

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

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講

事先錄製好的影片,並非上課時側錄!   觀看影片時,有如我「一對一」跟您面對面講課

 

ASP.NET MVC 5 線上教學

累積時數約 75小時...... 第一天(5.5小時)完整內容,"免費"讓您評估