CSS 수퍼파워 Sass로 디자인하라

1부 CSS 수퍼파워 - SASS

1장 SASS 사용을 위한 준비 단계
1.1 PC에 SASS 설치하기
1.2 SASS의 기초

2장 SASS 레퍼런스
2.1 개요
2.2 CSS 확장(CSS Extensions)
2.3 주석 처리
2.4 SassScript
2.5 변수: $ 기호를 사용함
2.6 데이터 타입
2.7 연산(Operations)
2.8 @ 규칙과 지시어(@-Rules and Directives)
2.9 제어문 및 표현식(Control Directives & Expressions)
2.10 Mixin(정말 중요함!!)

3장 SASS 프레임워크: 컴퍼스(Compass)
3.1 컴퍼스 설치
3.2 컴퍼스 기초
3.3 컴퍼스 실전 예제

4장 버본(Bourbon)
4.1 버본 개발 환경 설정
4.2 믹스인의 속성들

2부 SASS(SCSS)를 이용한 실전 웹사이트 개발

5장 기본 레이아웃 및 프론트 페이지 작업
5.1 웹사이트 디자인 개요
5.2 색상과 폰트 정의
5.3 믹스인 변수 처리
5.4 페이지 전체 배경 이미지 처리
5.5 푸터에 대한 처리
5.6 페이지 전체 배경 이미지 다시 한번 살펴보기
5.7 내비게이션 디자인
5.8 푸터 디자인
5.9 내부 콘텐츠 처리
5.10 article에 Sass 코드 추가하기

6장 서비스 소개 및 리스트 페이지 제작
6.1 헤더와 푸터의 분리
6.2 서비스 소개 페이지 개발
6.3 리스트 페이지 제작

7장 콘텐츠 디테일 페이지 제작
7.1 디테일 페이지와 Sass 파일 작성
7.2 지도가 들어가는 부분 작성
7.3 Sass 파일 설명

8장 추천 요청하기 페이지 제작
8.1 페이지 전체 배경 이미지 처리
8.2 Sass 파일 만들기

9장 반응형 사이트로 만들기
9.1 부트스트랩으로 만든 디자인의 부족함
9.2 완벽한 반응형 웹 디자인으로 만들기