iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Sass3.3 & CSS設計模式 系列

Sass3.3 & CSS設計模式

鐵人鍊成 | 共 46 篇文章 | 164 人訂閱 訂閱系列文 RSS系列文
DAY 30

Sass教學 (30) - SMACSS - State Rules

影片教學請點選下圖連結↓ 以下文章同步於Github。 程式碼連結 SMACSS - State codepen 範例程式碼 進入主題 State(狀態)...

2014-10-16 ‧ 由 廖洧杰 分享
DAY 31

Sass教學 (31) - SMACSS - Theme Rules

影片教學請點選下圖連結↓ 以下文章同步於Github。 程式碼連結 SMACSS - Theme Themes(主題) - 將網站的佈局與樣式抽離 接著要...

2014-10-17 ‧ 由 廖洧杰 分享
DAY 32

Sass教學 (32) - OOCSS - 提升CSS複用性

影片教學請點選下圖連結↓ 以下文章同步於Github。 程式碼連結 OOCSS An Introduction To Object Oriented CS...

2014-10-18 ‧ 由 廖洧杰 分享
DAY 33

達標好文 Sass教學 (33) - BEM 設計模式

影片教學請點選下圖連結↓ [ ](https://www.youtube.com/watch?v=1koKr0-k8Wc) 以下文章同步於Github。 程式...

2014-10-19 ‧ 由 廖洧杰 分享
DAY 34

Sass教學 (34) - MVCSS - Styleguide

以下文章同步於Github。 程式碼連結 MVCSS MVCSS中文翻譯 進入主題 MVCSS融合了SMACSS、OOCSS、BEM的設計模式, 同時有參考了F...

2014-10-20 ‧ 由 廖洧杰 分享
DAY 35

Sass教學 (35) - MVCSS - Foundation

以下文章同步於Github。 程式碼連結 MVCSS MVCSS中文翻譯 Foundation Foundation是指當你要使用MVCSS設計模式來建立你的S...

2014-10-21 ‧ 由 廖洧杰 分享
DAY 36

Sass教學 (36) - MVCSS - Components、Structures

以下文章同步於Github。 程式碼連結 MVCSS MVCSS中文翻譯 Components(組件) 具有辨識性的UI皆放在Components的Sass目錄...

2014-10-22 ‧ 由 廖洧杰 分享
DAY 37

Sass教學 (37) - MVCSS - Manifest、Vendor

以下文章同步於Github。 程式碼連結 MVCSS MVCSS中文翻譯 這個章節主要是聊MVCSS的Sass結構與命名方式, 首先我們就來看到Sass結構:...

2014-10-23 ‧ 由 廖洧杰 分享
DAY 38

Sass教學 (38) - 這麼多Sass/CSS設計模式,究竟該如何漸進學習?

以下文章同步於Github。 以目前台灣比較熱門的CSS設計模式有: 1.SMACSS 2.OOCSS 3/BEM (較少人用,但觀念時常被提起) 4/MVCS...

2014-10-24 ‧ 由 廖洧杰 分享
DAY 39

Sass教學 (39) - 輕鬆import資料夾內所有sass檔

以下文章同步於Github。 Sass Globbing Plugin連結 在這個plugin還沒有出現之前, Sass是不支援@import整個資料夾所有的S...

2014-10-25 ‧ 由 廖洧杰 分享