iT邦幫忙

廖洧杰
iT邦高手 2 級 ‧ 點數 3208
288173
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Sass3.3 & CSS設計模式 系列

Sass3.3 & CSS設計模式

鐵人鍊成 ｜ 共 46 篇文章 ｜ 165 人訂閱 訂閱系列文 RSS系列文
1 Like 0 留言 3703 瀏覽
DAY 10

Sass教學 (10) - susy2 - 設計不對稱(Asymmetrical) RWD Grid

影片教學請點選下圖連結↓ 以下文章同步於Github。 這章是要來講使用isolate來設定不對稱的 RWD Grid， 像有些網頁設計師會覺得不希望版型...

2014-09-26 ‧ 由 廖洧杰 分享
2 Like 0 留言 13321 瀏覽
DAY 11

Sass教學 (11) - @content

影片教學請點選下圖連結↓ 以下文章同步於Github。 @content的用途主要是拿來傳遞內容到Mixin裡面去的， 像是一般的Mixin大家所認知的就...

2014-09-27 ‧ 由 廖洧杰 分享
1 Like 0 留言 3596 瀏覽
DAY 12

Sass教學 (12) - susy2 - 使用with layout讓版型同時存在兩種以上的Grid

影片教學請點選下圖連結↓ 以下文章同步於Github。 使用With Layout讓版型同時存在兩種以上的Grid 在講第七、八章的時候， 各位可以看出我...

2014-09-28 ‧ 由 廖洧杰 分享
1 Like 0 留言 6727 瀏覽
DAY 13

Sass教學 (13) - susy2 - 如何打造susy2開發環境

影片教學請點選下圖連結↓ 以下文章同步於Github。 進入主題 目前已經有軟體可以編譯Sass與Susy2， 例如Fire.app、codekit等等，...

2014-09-29 ‧ 由 廖洧杰 分享
1 Like 0 留言 12435 瀏覽
DAY 14

Sass教學 (14) - @extend 與 @Mixin的差異性與使用時機

影片教學請點選下圖連結↓ 以下文章同步於Github。 有些設計師沒辦法理解@extend與@Mixin的原理， 會感覺這兩個功能差不了多少， 所以這一章...

2014-09-30 ‧ 由 廖洧杰 分享
1 Like 0 留言 5577 瀏覽
DAY 15

Sass教學 (15) - susy2 - 實作Bootstap3 RWD Grid

影片教學請點選下圖連結↓ 以下文章同步於Github。 這個章節主要是要來講如何透過Susy2來設計Bootstrap的版型， 透過模仿別人設計好的RWD...

2014-10-01 ‧ 由 廖洧杰 分享
1 Like 0 留言 3131 瀏覽
DAY 16

Sass教學 (16) - susy2 - Shorthand(簡寫)

影片教學請點選下圖連結↓ 以下文章同步於Github。 範例程式碼 1.susy2 - shorthand 2.sassmeister-程式碼範例 shor...

2014-10-02 ‧ 由 廖洧杰 分享
1 Like 0 留言 3781 瀏覽
DAY 17

Sass教學 (17) - susy2 - Toolkit - Span Mixin、function

影片教學請點選下圖連結↓ 以下文章同步於Github。 範例程式碼 susy2 - span Mixin、function Span [mixin] 格式：...

2014-10-03 ‧ 由 廖洧杰 分享
1 Like 0 留言 3856 瀏覽
DAY 18

Sass教學 (18) - susy2 - Toolkit - gutter、container

影片教學請點選下圖連結↓ 以下文章同步於Github。 範例程式碼 susy2 - Gutters Gutters 支援function、mixin的寫法，...

2014-10-04 ‧ 由 廖洧杰 分享
1 Like 0 留言 2201 瀏覽
DAY 19

Sass教學 (19) - susy2 - Toolkit - Rows & Edges

影片教學請點選下圖連結↓ 以下文章同步於Github。 範例程式碼 susy2 - Rows & Edges Rows & Edges Br...

2014-10-05 ‧ 由 廖洧杰 分享
廖洧杰的鐵人檔案
廖洧杰的收藏
廖洧杰的追蹤
廖洧杰的Like
廖洧杰的紀錄
廖洧杰的訂閱列表