iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

Sass3.3 & CSS設計模式 系列

鐵人鍊成 共 46 篇文章 | 68 人訂閱 訂閱系列文
DAY 1

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

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

2014-09-17 ‧ 由 廖洧杰 分享
DAY 1

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

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

2014-09-17 ‧ 由 廖洧杰 分享
DAY 2

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

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

2014-09-18 ‧ 由 廖洧杰 分享
DAY 3

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

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

2014-09-19 ‧ 由 廖洧杰 分享
DAY 4

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

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

2014-09-20 ‧ 由 廖洧杰 分享
DAY 5

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

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

2014-09-21 ‧ 由 廖洧杰 分享
DAY 6

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

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

2014-09-22 ‧ 由 廖洧杰 分享
DAY 7

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

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

2014-09-23 ‧ 由 廖洧杰 分享
DAY 8

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

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

2014-09-24 ‧ 由 廖洧杰 分享
DAY 9

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

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

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