이 상품은 구매 후 지원 기기에서 예스24 eBook앱 설치 후 바로 이용 가능한 상품입니다.
|
1부 CSS 수퍼파워 - SASS1장 SASS 사용을 위한 준비 단계1.1 PC에 SASS 설치하기1.2 SASS의 기초2장 SASS 레퍼런스2.1 개요2.2 CSS 확장(CSS Extensions)2.3 주석 처리2.4 SassScript2.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의 매력에 빠질 수 있습니다.
|