전문가를 위한 CSS3: 그 한계를 넘어서

 

 

전문가를 위한 CSS3

: 그 한계를 넘어서

 

시리즈명 전문가를 위한 시리즈 003

저자 스테판 그레이그

역자 유하영, 전우영

 

출간예정일 2014년 7월 30일 (수)

정가 32,000원

페이지 452

 

판형 188 x 245

ISBN 978-89-94774-72-5 (93000)

원서정보 CSS3: Pushing the Limits

 

 

책 소개

 

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

 

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

 

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

 

 

이 책에서 다루는 내용

 

--고급 선택자들과 새롭게 등장한 강력한 텍스트 툴들에 대한 활용법

--상황에 맞게 조정이 가능한 배경 이미지, 아름다운 보더 장식, 복잡한 패턴을 만드는 법

--2D와 3D 전환, 전이, 그리고 키프레임 기반의 애니메이션을 통하여 놀라운 효과를 만드는 법

--새로운 레이아웃 툴들을 통해 레이아웃에 관한 다양하고 어려운 문제를 빠르게 해결하는 법

--미디어 쿼리와 새로운 레이아웃 모듈들을 활용하여 반응형 웹 디자인을 간단하게 만드는 법

--의사-요소들을 활용하여 추상적이고 확장 가능한 이미지와 아이콘을 제작하는 법

--전처리기의 활용과 CSS를 스타일시트 본문 내부의 프로그래밍 언어처럼 활용하는 법

 

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

 

 

데모 파일 다운로드

 

 

독자대상

 

중고급

 

저자 소개

 

스테판 그레이그_{Stephen Greig}

 

아주 열정적인 웹 개발자이며 디자이너다. 시멘틱 코드를 기반으로 환상적인 시각적 효과를 제공하는 기능적 웹 사이트를 제작하는 데 관심을 쏟고 있다.

 

 

역자 소개

 

유하영

 

전남대학교 영어영문과를 졸업하고 이후 성균관대학교 번역/테솔 대학원을 졸업했다. 웹 컨텐츠 관리자로 경력을 쌓다가 현재 전문 번역가로 활동하고 있으며, 특히 기술 번역에 역량을 발휘하고 있다. 주요 번역서로 『라이프 코칭 가이드』, 『아버지의 러브레터』, 『홈스쿨 이렇게 시작하세요』, 『탁월한 여성의 11가지 브랜드』 등이 있고 공동 번역서로 『거침없이 배우는 라즈베리 파이』, 『아두이노 로봇 보난자』가 있다.

 

전우영

 

데이터베이스 프로그래머로 출발하여 국내 많은 기업체들의 CRM DW(Customer Relationship Management Data Warehouse)를 구축했고, 그 후 외국계 기업 IT분야에서 10년 넘게 경력을 쌓은 IT업계의 인재다. 현재는 빅 데이터 시스템의 CRM 적용 및 Embedding System에 관한 연구를 하고 있으며, 공동 번역서로 『거침없이 배우는 라즈베리 파이』, 『아두이노 로봇 보난자』가 있다.

 

 

목차

 

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

--자신의 목소리를 내라!

--요약

--참고 자료

 

 

이 책의 구성

 

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의 큰 흐름에 대해 상당한 지식과 경험을 갖고 있으며 그 다음 단계로 자연스럽게 진행하고 발전할 준비가 되어 있다면 이 책이 더욱 도움이 될 것이다. 이처럼 기본적인 지식을 갖추고 있다면 이 책에서 최대한 많은 것을 얻을 수 있는 최적의 조건을 갖추었다고 할 수 있다.