추가 적립 안내

[CSS 시크릿]은 매일 겪는 웹 디자인 고민에 대해 다양한 해결책을 제시함으로써 CSS를 이용한 근본적인 문제 해결을 목표로 한다. CSS 전문가인 리아 베루(Lea Verou)는 실용적인 안내서인 이 책을 통해 기존 자료에서는 볼 수 없었던 47가지의 기법과 팁을 통해 중급에서 상급으로 넘어가고자 하는 CSS 개발자로 하여금 매일 만나는 폭넓은 웹 디자인 문제에 대한 품격있는 해결 방법을 찾을 수 있도록 했다.

책은 디자인 자체보다는 코드를 이용하여 어떻게 문제를 해결할 것인지에 초점을 두었다. 저자가 소개하는 분석적인 접근법을 매일 만나는 CSS 문제에 적용하여 어떻게 하면 DRY (Don't Repeat Yourself)하고 유지보수가 쉬우며 융통성 있고 가벼울 뿐 아니라 표준을 잘 지키는 코드를 만들 수 있을지를 배우게 된다. 60회가 넘는 국제 웹 개발 콘퍼런스 등을 통해 쌓은 경험을 통해 저자는 다음과 같은 주제에 대한 풍부한 정보를 제공한다.

이 책에서 소개하는 '시크릿'은 뚜껑만 따면 먹을 수 있는 통조림이 아니다!

오히려 매일 겪는 웹 디자인 고민에 대해 다양한 해결책을 제시함으로써 CSS를 이용한 근본적인 문제 해결을 목표로 한다. CSS 전문가인 리아 베루(Lea Verou)는 실용적인 안내서인 이 책을 통해 기존 자료에서는 볼 수 없었던 47가지의 기법과 팁을 통해 중급에서 상급으로 넘어가고자 하는 CSS 개발자로 하여금 매일 만나는 폭넓은 웹 디자인 문제에 대한 품격있는 해결 방법을 찾을 수 있도록 했다.
이 책은 디자인 자체보다는 코드를 이용하여 어떻게 문제를 해결할 것인지에 초점을 두었다. 저자가 소개하는 분석적인 접근법을 매일 만나는 CSS 문제에 적용하여 어떻게 하면 DRY (Don't Repeat Yourself)하고 유지보수가 쉬우며 융통성 있고 가벼울 뿐 아니라 표준을 잘 지키는 코드를 만들 수 있을지를 배우게 된다.
60회가 넘는 국제 웹 개발 콘퍼런스 등을 통해 쌓은 경험을 통해 저자는 다음과 같은 주제에 대한 풍부한 정보를 제공한다.

- 배경과 경계선(Background & Borders)
- 도형(Shapes)
- 시각적 효과(Visual Effect)
- 타이포그래피(Typography)
- 사용자 경험(User Experience)
- 구조와 레이아웃(Structure & Layout)
- 트랜지션과 애니메이션(Transitions & Animations)

"리아 베루는 CSS에 관한 한 백과사전과도 같은 지식을 가졌습니다. 그러나 이 책 덕분에 CSS를 통해 여러분이 생각하는 어떤 것이라도 구현할 수 있다는 통찰을 얻을 수 있습니다. CSS를 속속들이 알고 있다 하더라도 이 책에는 여전히 밝혀지지 않은 수많은 비밀이 들어 있습니다."
- 제러미 케이스(Clearleft 공동 창업자)

"개발에 참여한 사람만이 알 수 있는 매력적인 CSS 기법, 모범 구현 사례, 멋진 기법 등을 원한다면 주저하지 말고 이 책을 잡으세요. 정말 좋은 책이니까요."
- 에릭 마이어

"이 책은 '즉석 클래식'입니다. UX 디자인을 향상하는 데 바로 사용할 수 있는 수많은 멋진 팁과 요령을 담았으니까요!"
- 크리스토퍼 슈미트("CSS Cookbook" 저자)

"저자는 너무도 똑똑한 개발자입니다. 이 책은 CSS를 잘 아는 사람에게조차 유용하고 기발한 아이디어로 가득 차 있습니다. 이뿐만 아니라 이 책은 정답이라 생각한 것을 뛰어넘는 답을 주므로 개발 과정이 더 현명해짐을 느끼게 될 것입니다."
- 크리스 코이어(CodePen)

Chapter 1 소개
웹 표준- 적인가 동지인가?
CSS 코딩 팁

Chapter 2 배경과 경계선
1 반투명 경계선
2 다중 경계선
3 유동 배경과 위치 지정
4 안쪽 둥근 모서리
5 줄무늬 배경
6 복잡한 배경 패턴
7 무작위 배경
8 연속 이미지 경계선

Chapter 3 도형
9 타원
10 평행사변형
11 마름모꼴 이미지
12 모서리 자르기
13 사다리꼴 탭 메뉴
14 간단한 파이 차트

Chapter 4 시각 효과
15 한 방향 그림자
16 불규칙한 그림자
17 틴팅
18 반투명 유리 효과
19 접힌 모서리 효과

Chapter 5 타이포그래피
20 붙임표로 연결 ( 영어 )
21 줄 바꿈
22 줄무늬가 있는 텍스트 줄
23 탭 간격 조정
24 합자
25 멋진 앰퍼샌드 기호
26 사용자 정의 밑줄
27 현실감 있는 텍스트 효과
28 둥근 텍스트

Chapter 6 사용자 경험
29 올바른 커서 선택
30 클릭 가능한 영역 확장
31 사용자 정의 체크박스
32 배경을 어둡게 하여 요소 드러내기
33 블러를 이용하여 요소 드러내기
34 스크롤링 힌트
35 상호작용 이미지 비교

Chapter 7 구조와 레이아웃
36 크기 맞춤
37 테이블 다루기 - 열 너비 조정
38 형제 요소 수에 따른 스타일링
39 유동 배경과 고정 콘텐츠
40 수직 가운데 맞춤
41 달라붙는 바닥글

Chapter 8 트랜지션과 애니메이션
42 탄력적인 트랜지션
43 프레임 단위 애니메이션
44 반짝반짝
45 타자 애니메이션
46 부드러운 상태 애니메이션
47 원을 따라 움직이는 애니메이션