이미 소장하고 있다면 판매해 보세요.
|
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 완벽한 반응형 웹 디자인으로 만들기 |
|
이제 SaSS 디자이너는 대세입니다!
엄청난 퍼포먼스, 웹 디자이너가 반드시 배워야 할 Sass 이 책의 4장에서 제시하는 간단한 웹사이트 예제를 보더라도 SaSS로 작성하면 113라인이던 것이 CSS로 변환을 하면 549라인이 됩니다. 무려 4배 가까이 라인수를 줄여줍니다. 유지보수하기 너무 힘들었죠? 이제 Sass가 대안을 제시합니다. 이 책에서는 HTML 문서 하나에 Sass 파일 하나를 매칭하는 것을 원칙으로 제시합니다. 그러다 보니 페이지 유지보수 할 때 엄청나게 효율적이라는 것을 느낄 수 있을 겁니다. 점점 Sass는 프론트 웹 개발의 대세가 되고 있습니다. 부트스트랩도 4.0부터는 LESS를 버리고 Sass만 지원하기로 하였습니다. GitHub에도 수많은 웹 개발자들이 CSS뿐만 아니라 Sass 코드도 함께 올리고 있습니다. 점점 Sass는 웹 디자인의 새로운 기술로 자리매김하고 있습니다. Sass 기반으로 만들어보는 웹사이트 실습 이 책은 이론만 제시하지 않습니다. 저자가 몸담았던 벤처기업의 웹 디자인을 Sass로 어떻게 디자인하는지를 보여줍니다. 따라해 보면서 자연스레 Sass의 매력에 빠질 수 있습니다. |