第七屆 佳作

dev
Sass3.3 & CSS設計模式
廖洧杰

系列文章

DAY 1

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

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

DAY 2

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

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

DAY 3

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

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

DAY 4

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

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

DAY 5

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

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

DAY 6

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

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

DAY 7

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

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

DAY 8

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

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

DAY 9

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

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

DAY 10

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

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