추가 적립 안내

『전문가를 위한 CSS3』는 CSS3를 한 단계 더 발전시킬 수 있도록 도움을 준다. 더 고급화된 기술과 개념들을 소개하여 다양한 기능들을 그 한계를 넘어서 최대한 활용할 수 있게 돕는다. 그래서 여러분이 CSS에 대해 중급 정도의 지식과 기술을 갖추고 있는 것으로 가정하고 내용이 진행된다. 매일 CSS를 활용하는 것에 불편을 느끼지 않을 뿐만 아니라, 만약 CSS3의 큰 흐름에 대해 상당한 지식과 경험을 갖고 있으며 그 다음 단계로 자연스럽게 진행하고 발전할 준비가 되어 있다면 이 책이 더욱 도움이 될 것이다. 이처럼 기본적인 지식을 갖추고 있다면 이 책에서 최대한 많은 것을 얻을 수 있는 최적의 조건을 갖추었다고 할 수 있다.

CSS3의 한계를 뛰어넘는 능력으로 디자인 기술의 혁신을 체험하자!

CSS의 혁명적인 도약이라고 평가 받고 있는 CSS3는 새로운 기능들로 알차게 무장하여, 일반적인 스타일링 언어가 갖는 한계를 넘어 그 활용 영역을 대폭 확장시켰다. 『전문가를 위한 CSS3: 그 한계를 넘어서』는 고객들의 요구와 사용자들의 기대에 부응하는 좀 더 정교한 웹 사이트와 응용프로그램들을 만들기 위하여 새로운 기능들을 어떻게 활용해야 하는지를 상세히 설명하고 있다.

이 책은 CSS3의 새롭고 한 단계 발전된 기능들을 모두 소개하고 있다. 그리고 그 기능들을 활용하여 매혹적인 반응형 웹 사이트와 응용프로그램들을 디자인할 수 있도록 실질적인 예제들과 생생한 데모 파일들을 제공하고 있다.

이 책에서 다루는 내용

--고급 선택자들과 새롭게 등장한 강력한 텍스트 툴들에 대한 활용법
--상황에 맞게 조정이 가능한 배경 이미지, 아름다운 보더 장식, 복잡한 패턴을 만드는 법
--2D와 3D 전환, 전이, 그리고 키프레임 기반의 애니메이션을 통하여 놀라운 효과를 만드는 법
--새로운 레이아웃 툴들을 통해 레이아웃에 관한 다양하고 어려운 문제를 빠르게 해결하는 법
--미디어 쿼리와 새로운 레이아웃 모듈들을 활용하여 반응형 웹 디자인을 간단하게 만드는 법
--의사-요소들을 활용하여 추상적이고 확장 가능한 이미지와 아이콘을 제작하는 법
--전처리기의 활용과 CSS를 스타일시트 본문 내부의 프로그래밍 언어처럼 활용하는 법

CSS3에 대한 기본 지식을 넘어서, CSS3가 지닌 그 이상의 막강한 능력을 배울 수 있는 이 기회를 놓치지 않도록 하자!

이 책의 구성

1부: 새로운 기능

1장: 고급 선택자에서는 예상하지 못했던 방식으로 요소들을 대상으로 삼는 방법(target elements)에 대해 설명한다.

2장: 문자를 위한 새로운 툴에서는 새로운 CSS3모듈에서 제공하는 정교한 제어 기능을 통해 문자를 완벽하게 만드는 법에 대해 설명한다.

3장: 배경과 보더를 위한 새로운 툴에서는 레벨 3의 배경과 보더 모듈들로 무장한 새로운 기능들에 대해 설명한다.

4장: CSS 필터와 블렌딩 모드를 적용한 브라우저에서는 CSS3필터들과 이들을 사용하여 얻을 수 있는 다양한 효과에 대해 상세하게 분석하고 블렌딩 모드의 기능들에 대해서 간단하게 살펴본다.


2부: 전환, 전이, 그리고 애니메이션

5장: CSS 2D 전환에서는 2D환경에서 요소들의 모양을 조정하도록 도와주는 전환의 기능들에 대
해 소개한다.

6장: 전이 기능으로 2D 전환에 생동감 부여하기에서는 전이가 무엇인지 상세히 알아보고, 가장 뛰어난 효과들을 만들어내기 위해 전이가 가진 기능을 어떻게 활용할 것인지에 대해 살펴본다.

7장: 3D 전환으로 열리는 새로운 세계에서는 기본적인 3D전환 속성들에 대해 상세히 설명한다.

8장: 애니메이션 만들기에서는 CSS애니메이션에 대해 모듈별로 분류하여 설명하고, 다양한 제어 방식에 대해서도 심도 있게 다룬다. 또한 단계적 향상이라는 법칙 안에서 효과들을 영리하게 적용할 방법에 대해서도 설명한다.


3부: 새로운 레이아웃 툴에 대한 이해

9장: 다단 레이아웃에서는 예전과 현재의 레이아웃 솔루션이 만족스러운 결과를 내지 못하는 이유에 대해서 설명하고, CSS3가 새롭게 제안한 레이아웃 모듈들에 대해 살펴본다.

10장: 플렉스박스 레이아웃에서는 새로운 레이아웃 모듈들 중에 가장 포괄적인 격자 레이아웃과 함께 유동적 레이아웃 모듈 또는 플렉스박스라고 하는 모듈에 대해 소개한다.

11장: 격자 레이아웃, 그리고 리전과 익스클루전에서는 레이아웃 모듈의 개념에 대해 흥미로운 점을 위주로 설명하고, 각 모듈이 제공하는 툴들과 문법에 대하여 기술적인 면을 위주로 다룬다.

12장: CSS 미디어 쿼리와 반응형 웹에서는 새로운 메커니즘이 웹 사이트가 적응력을 갖는 데 어떤 식으로 도움이 될 수 있는지에 대해 살펴본다.

4부: 한계를 넘어서

13장: 의사-요소의 창의적 활용에서는 의사-요소와 의사-클래스 간의 차이점을 설명하고, 의사-요소를 통해 타이포그래피의 기능을 강화하고 콘텐츠를 생성하는 방법과 그 외 아주 기발한 활용 방안들에 대해 설명한다.

14장: 전처리기와 CSS3의 활용에서는 전처리기가 정확히 무엇인지 그리고 왜 존재하는지에 대해 설명한다. 그리고 성능이나 문법 면에서 좀 더 인기가 있는 전처리기에 대해서 살펴보고, CSS3를 그 한계치까지 최대한 활용할 수 있는 방법에 대해서 자세히 설명한다.

15장: CSS3만을 이용한 실용적 솔루션 만들기에서는 흔히 활용되는 상호작용을 하는 세 가지 요소를 만드는 법에 대해 차례차례 살펴본다.

16장: CSS의 미래에서는 “CSS의 미래는 어떤 것일까?”라는 문제에 대해서 통찰해본다.

출판사 리뷰
CSS(Cascading Style Sheets)는 웹 디자이너들에게 반드시 필요한 툴 키트다. 1996년에 사용되기 시작한 이후 여러 가지 제약으로 생명이 없었던 HTML에 심장과 영혼을 부여했다고 할 수 있다. CSS는 그 이후 많은 발전을 거듭했다. 그리고 가장 최근에 나온 CSS3는 매우 다양하고 놀라운 기능들을 담고 있으며 단순한 스타일링 언어가 갖는 한계를 넘어서고 있다. 이제는 단순히 웹 페이지의 배경색을 입히는 정도를 떠나서 배경이 달라지기도 하고 모양을 조정하기도 하며 색상이 달라지기도 한다. 그리고 CSS와 유사한 종류로 더 방대하고 뛰어난 기능을 가졌다고 하는 자바스크립트에 의존하지 않더라도 이런 모든 기능들을 CSS는 가능하게 만든다.

CSS3는 이미 너무나 엄청난 주목을 받아왔다. 대부분의 서적은 비슷비슷한 부분들만 계속 다루어졌지만, 이 책은 CSS3의 한쪽 구석에 숨겨진 보석을 찾는 데 더 주력하였다. 그래서 여러분이 ‘이 단순한 스타일링 언어로 과연 가능할 것인가?’하고 의심했던 일들을 이루어낼 수 있도록 이끌어줄 것이다. 먼저 CSS3의 큰 흐름을 구성하는 내용들 중 일부에 대해 간략하게 설명한 후, 이런 기능들이 열린 생각과 마음을 가질 때 얼마나 확장될 수 있는지, 얼마나 풍성하고 창조적인 결과를 얻을 수 있을 것인지에 대해 증명하게 될 것이다.

누구를 위한 책인가?

이 책은 CSS3를 한 단계 더 발전시킬 수 있도록 도움을 준다. 더 고급화된 기술과 개념들을 소개하여 다양한 기능들을 그 한계를 넘어서 최대한 활용할 수 있게 돕는다. 그래서 여러분이 CSS에 대해 중급 정도의 지식과 기술을 갖추고 있는 것으로 가정하고 내용이 진행된다. 매일 CSS를 활용하는 것에 불편을 느끼지 않을 뿐만 아니라, 만약 CSS3의 큰 흐름에 대해 상당한 지식과 경험을 갖고 있으며 그 다음 단계로 자연스럽게 진행하고 발전할 준비가 되어 있다면 이 책이 더욱 도움이 될 것이다. 이처럼 기본적인 지식을 갖추고 있다면 이 책에서 최대한 많은 것을 얻을 수 있는 최적의 조건을 갖추었다고 할 수 있다.

1부. 새로운 기능

1장. 고급 선택자
--자식과 형제 선택자
--속성 선택자
--의사-클래스
--통합 예제
--요약
--참고 자료

2장. 문자를 위한 새로운 툴
--문자 제대로 꾸미기
--글쓰기 방식
--시각적인 효과가 전체의 반이다
--요약
--참고 자료

3장. 배경과 보더를 위한 새로운 툴
--CSS3의 뛰어난 배경 제어 능력
--다수의 배경 이미지 활용
--보더를 위한 새로운 툴
--그라디언트
--요약
--참고 자료

4장. CSS 필터와 블렌딩 모드를 적용한 브라우저
--CSS3 필터
--블렌딩 모드
--요약
--참고 자료

2부. 전환, 전이, 그리고 애니메이션

5장. CSS3 2D 전환
--transform 속성
--전환 원점
--전환을 복합적으로 결합하기
--브라우저 지원 상황
--요약
--참고 자료

6장. 전이 기능으로 2D 전환에 생동감 부여하기
--CSS 전이 소개
--전이 활용
--전이와 2D 전환의 결합
--흩어져 있는 구조의 이미지 갤러리 만들기
--요약
--참고 자료

7장. 3D 전환으로 열리는 새로운 세계
--3D 전환이란?
--관점(Perspective)에 관한 모든 것
--기타 전환 속성들
--3D 전환을 사용하여 정육면체 들기
--전이로 정육면체 애니메이션 만들기
--3D 전환에 대한 브라우저 지원 상황
--요약
--참고 자료

8장. 애니메이션 만들기
--CSS3 애니메이션에 대해
--CSS3 애니메이션 활용
--단계적 향상을 위해 애니메이션 최소화하기
--애니메이션 결합
--CSS 애니메이션에 대한 브라우저 지원 상황
--요약
--참고 자료

3부. 새로운 레이아웃 툴에 대한 이해

9장. 다단 레이아웃
--레이아웃 툴의 진화
--레이아웃 솔루션의 새로운 기능
--다단 레이아웃 소개
--다단 레이아웃 만들기
--다단 레이아웃에 대한 브라우저 지원 상황
--요약
--참고 자료

10장. 플렉스박스 레이아웃
--플렉스박스란?
--새로운 플렉스박스 속성
--플렉스박스 레이아웃 만들기
--플렉스박스에 대한 브라우저 지원 상황
--요약
--참고 자료

11장. 격자 레이아웃, 그리고 리전과 익스클루전
--CSS 격자 레이아웃 소개
--CSS 리전 소개
--CSS 익스클루전 소개
--요약
--참고 자료

12장. CSS 미디어 쿼리와 반응형 웹
--반응형 웹 디자인이란?
--미디어 쿼리를 사용하여 기기별 디자인 만들기
--뷰포트 meta 태그 활용
--다단 레이아웃 반응형 웹 만들기
--플렉스박스 레이아웃 반응형 웹 만들기
--CSS 격자 레이아웃에 대한 한마디
--RWD의 현재
--요약
--참고 자료

4부. 한계를 넘어서

13장. 의사-요소의 창의적 활용
--의사-요소와 의사-클래스의 차이점
--의사-요소의 범주
--의사-요소로 서체 개선하기
--의사-요소를 활용한 콘텐츠 생성
--의사-요소 그 한계를 넘어서
--요약
--참고 자료

14장. 전처리기와 CSS3의 활용
--CSS 전처리기란?
--CSS 전처리기가 할 수 있는 일은?
--올바른 전처리기 선택
--전처리기의 단점에 대한 이해
--Mixin으로 CSS3 효과적으로 활용하기
--간단한 수식으로 비례 레이아웃 만들기
--함수로 다이내믹한 색상 팔레트 만들기
--전처리기에서 주의할 점
--요약
--참고 자료

15장. CSS3만을 이용한 실용적 솔루션 만들기
--CSS3만을 이용한 탭 콘텐츠 만들기
--CSS3만을 사용하여 라이트박스 기능 만들기
--CSS3만을 이용하여 3D 이미지 캐러셀 만들기
--요약
--참고 자료

16장. CSS의 미래
--CSS 변수
--CSS 선택자: 레벨 4
--CSS의 조건 규칙을 사용한 브라우저 지원
--의사-요소: 레벨 4
--자신의 목소리를 내라!
--요약
--참고 자료