iT邦幫忙

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

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Sass3.3 & CSS設計模式 系列

Sass3.3 & CSS設計模式

鐵人鍊成 ｜ 共 46 篇文章 ｜ 165 人訂閱 訂閱系列文 RSS系列文
5 Like 2 留言 9036 瀏覽
DAY 1

Sass教學(1) - susy2 - Grid settings(上)

影片教學請點選下圖連結↓ 以下文章同步於Github。 susy1到susy2又是一個可怕的里程碑， 原本覺得susy1已經很強大了， 但在susy2面前...

2014-09-17 ‧ 由 廖洧杰 分享
3 Like 1 留言 3520 瀏覽
DAY 1

Sass教學 (1) - susy2 - Grid settings(上)

以下文章同步於Github。 susy1到susy2又是一個可怕的里程碑， 原本覺得susy1已經很強大了， 但在susy2面前，susy1就像是玩具一樣，...

2014-09-17 ‧ 由 廖洧杰 分享
1 Like 0 留言 4629 瀏覽
DAY 2

Sass教學 (2) susy2 - Grid settings(中)

影片教學請點選下圖連結↓ 以下文章同步於Github。 上個章節講了susy2的簡易設定方式， 接著我們來看它預設的全域設定， susy2 global-...

2014-09-18 ‧ 由 廖洧杰 分享
1 Like 0 留言 5638 瀏覽
DAY 3

Sass教學 (3) - susy2 Grid settings(下)

影片教學請點選下圖連結↓ 以下文章同步於Github。 這一個章節主要是要講susy2的Debug模式， 除了維持susy1就有的column顯示外， 還...

2014-09-19 ‧ 由 廖洧杰 分享
1 Like 0 留言 4925 瀏覽
DAY 4

Sass教學 (4) - susy2 - 960Grid固定版型(Fixed layout)設計

影片教學請點選下圖連結↓ 以下文章同步於Github。 我遇過許多朋友都提到， 他們很想要學好susy， 但是真的有案子要用的時候， 卻又不知道該如何下手...

2014-09-20 ‧ 由 廖洧杰 分享
1 Like 0 留言 3752 瀏覽
DAY 5

Sass教學 (5) - susy2 - 960Grid 流體版型(Fulid layout)，susy1>susy2

影片教學請點選下圖連結↓ 以下文章同步於Github。 這次我們要來使用susy2的核心來設計susy1的grid system。 程式碼連結 sassm...

2014-09-21 ‧ 由 廖洧杰 分享
1 Like 0 留言 5547 瀏覽
DAY 6

Sass教學 (6) - Sass 3.3 - 參考父選擇符：&

影片教學請點選下圖連結↓ 以下文章同步於Github。 先來介紹以前Sass3.2的語法， //scss .box{ color:black;...

2014-09-22 ‧ 由 廖洧杰 分享
3 Like 0 留言 7673 瀏覽
DAY 7

Sass教學 (7) - SMACSS - Base、Laout

影片教學請點選下圖連結↓ 以下文章同步於Github。 程式碼連結 SMACSS - Base SMACSS - Layout SMACSS是Jonath...

2014-09-23 ‧ 由 廖洧杰 分享
1 Like 0 留言 5836 瀏覽
DAY 8

Sass教學 (8) - susy2 - responsive grid with Breakpoint

影片教學請點選下圖連結↓ 以下文章同步於Github。 由於我們即將要來介紹如何透過susy2來設計responsive grid， 在那之前我想先花一章...

2014-09-24 ‧ 由 廖洧杰 分享
1 Like 1 留言 8837 瀏覽
DAY 9

Sass教學 (9) - susy2 - 透過susy breakpoint、layout設計RWD Grid

影片教學請點選下圖連結↓ 以下文章同步於Github。 這章主要是來分享用susy2來設計responsive grid， 一開始會先介紹susy2的lat...

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