길벗·이지톡
길벗스쿨 시나공 IT 길벗 동영상강좌

검색 마이길벗

최근 검색어

자동완성기능 끄기 닫기

도서 IT전문서/IT입문서 웹

미리보기 SNS공유

기본부터 타이포그래피, 멀티미디어, UX패턴, 다양한 디바이스를 위한 개발까지 CSS3 솔루션

정 가: 32,000원

출 간: 2012-12-28

지 은 이: 마르코 카사리오(Marco Casario)

I S B N: 9788966185078

분 량: 448쪽

난 이 도: 초급

부 록: 소스 코드

· YES24 · 교보문고 · 알라딘 · 11번가 도서 · 반디앤루니스

· 리디북스 · 알라딘 · 아이북스(미국) · YES24 · 인터파크 · 교보문고

CSS3 개발자를 위한 핵심 테크닉

기본부터 타이포그래피, 멀티미디어, UX 패턴, 다양한 디바이스 를 위한 개발까지

캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 애플리케이션에서 스타일의 표현 부분과 로직을 분리하기 위해서 만들어졌다. CSS의 목적은 사용자에게 간단한 언어로 웹 페이지의 스타일, 모양, 느낌을 정의할 수 있게 해주는 것이다. CSS 스타일은 컨텐츠의 속성, 흔히 말하는 폰트(font), 글자 크기, 색상 등을 선언(기술, 정의)한다.

CSS3는 CSS의 최신 버전이며 웹 페이지의 스타일을 만드는 역할을 한다. CSS3는 이 전 버전들과 완벽하게 호환이 되기 때문에 이전 버전을 기반으로 만들었던 디자인을 변경할 필요가 없다. 월드와이드웹 컨소시엄(World Wide Web Consortium, W3C)에서 CSS3 스펙의 표준안 작업이 작업을 진행 중에 있으며 많은 새로운 기능들이 최신 버전의 브라우저들에서 이미 지원되고 있다.

이 책에서는 개발자들이 CSS3의 새 기능들을 사용하면서 겪을 수 있는 문제점들에 대한 해결책을 제시해 주고 있다. 또한 바로 사용이 가능한 샘플 코드들을 많이 접할 수 있다.

이 책은 지금 당장 CSS3의 새로운 기능들을 사용하고자 하는 디자이너들과 개발자들을 위한 책이다. 사실 이 책은 자신의 CSS3 스킬을 빨리 향상시키고 많은 연습을 하고자 하는 사람들을 위한 책이다. 이 책을 통해 실제로 많이 쓰이고 있는 예제들을 만들어 볼 수 있기 때문에 CSS3 개발의 세계로 입문할 수 있다.

이 책을 통해 배울 수 있는 것들
다양한 디바이스를 위한 웹 개발하기
사용자 환경과 모바일 개발을 위한 디자인 패턴 사용하기
CSS 박스 모델 정복하기
CSS 활자 제대로 사용하기
새로운 CSS 변환을 사용하여 사이트 꾸미기

Chapter 01 CSS 기본

1-1 CSS 모듈 소개
1-2 브라우저간의 CSS3 호환성
1-3 자바스트립트에 CSS3 파일 추가하기
1.4 웹 페이지에 다중 백그라운드 선언하기
1-5 이미지 비율 조정하기
1-6 CSS 디폴트 값들 재설정하기
1-7 요약

Chapter 02 CSS 셀렉터

2-1 CSS2 셀렉터와의 차이점
2-2 선택한 텍스트 강조하기
2-3 표의 가독성 증가시키기
2-4 폼 엘리먼트 토글하기
2-5 컨텐츠가 선택되는 것 방지하기
2-6 페이지에서 엘리먼트 숨기기
2-7 형제 결합자(sibling combinator) 사용하기
2-8 링크 옆에 아이콘 이미지 붙이기
2-9 요약

Chapter 03 폰트, 텍스트, 색상

3-1 폰트-페이스(@font-face) 사용하기
3-2 예비 폰트 사용하기
3-3 그림자를 사용한 텍스트 효과(text-shadow) 만들기
3-4 워드-랩(word-wrap)
3-5 텍스트-오버플로우(text-overflow)를 세련되게 처리하기
3-6 RGBa 색상 사용하기
3-7 HSLa 색상 모델 사용하기
3-8 “text-rendering”으로 텍스트의 가독성 최적화하기
3-9 요약

Chapter 04 CSS 타이포그래피

4-1 텍스트 하이픈 연결(hyphenation) 다루기
4-2 드롭캡(drop cap) 만들기
4-3 CSS로 구두점 만들기
4-4 타이포그래피 계층 만들기
4-5 멀티 컬럼 텍스트 만들기
4-6 요약

Chapter 05 테이블과 리스트

5-1 테이블의 각 행에 교차로 스타일 넣기(Zebra-striping)
5-2 CSS3로 요금 테이블 만들기
5-3 반응형 테이블 만들기
5-4 둥근 모서리의 테이블 만들기
5-5 리스트에 드롭-다운(drop-down) 메뉴 만들기
5-6 사용자 리스트를 위해 “@counter-style” 사용하기
5-7 리스트 마커를 융퉁성 있게 사용하기
5-8 요약

Chapter 06 CSS 박스 모델(CSS Box Model)

6-1 배경 색과 투명도 설정하기
6-2 백그라운드 그라데이션 효과 만들기
6-3 백그라운드 크기 설정하기
6-4 다중 백그라운드 만들기
6-5 보더 아웃라인 만들기
6-6 둥근 모서리 만들기
6-7 이미지 보더 만들기
6-8 그림자 효과 만들기
6-9 박스 크기 재조절하기
6-10 요약

Chapter 07 CSS 포지셔닝과 레이아웃

7-1 디스플레이(display) 속성 바꾸기
7-2 CSS 포지셔닝 사용하기
7-3. 플로팅 엘리먼트에 CSS 사용하기
7-4 플로팅 속성 지우기
7-5 CSS 재설정하기
7-6 요약

Chapter 08 다양한 디바이스를 위한 개발

8-1 미디어 쿼리를 사용하여 여러 디바이스에 각기 다른 스타일 정의하기
8-2 CSS3로 각기 다른 스크린 크기를 위한 레이아웃 만들기
8-3 모바일 디바이스에서 레이아웃 방향 다루기
8-4 고밀도 픽셀 스크린을 위한 스타일 룰 정의하기
8-5 CSS3를 사용하여 프린터를 위한 스타일 만들기
8-6 요약

Chapter 09 전이(Transition)와 변환(Transformation)

9-1 CSS3로 엘리먼트에 간단한 2차원(2D) 변환 적용하기
9-2 CSS3에서 행렬 2차원 변환하기
9-3 CSS3 트랜지션(transition)을 사용하여 엘리먼트 이동하기
9-4. CSS3의 다양한 애니메이션 효과
9-5 CSS3로 3차원 변환 적용하기
9-6 요약

Chapter 10 멀티미디어와 접근성

10-1 사용자 비디오 플레이어 만들기
10-2 CSS3 음악 플레이어
10-3 CSS3 검증을 통한 폼 사용성 증가시키기
10-4 자연스럽게 네비게이션 링크 건너 뛰기
10-5 요약

Chapter 11 UX(User eXperience) 패턴

11-1 시스템 상태의 가시성 보장하기
11-2 현실 세계와 시스템을 연결하기
11-3 사용자 컨트롤 만들기
11-4 에러 방지
11-5 사용자에게 연상 유발하기
11-6 사용의 효율을 위한 디자인
11-7 사용자 인식, 진단, 에러 복구 돕기
11-8 도움말 문서
11-9 요약

Chapter 12 모바일 UX 패턴

12-1 계획, 수정, 반복
12-2 문맥 디자인하기
12-3 올바른 접근 기술
12-4 반응형 디자인 만들기
12-5 모바일 버전을 우선으로 만들기
12.6 요약

ㆍ지은이 마르코 카사리오(Marco Casario)

소개: HTML과 자바스크립트 그리고 플래시와 디렉터를 사용한 혁신적인 웹 프로젝트에 전념하고 있습니다. 2001년 매크로미디어 이탈리아 지사와 인연을 맺은 이후 각종 강연과 컨퍼런스, 논문 등 장기 프로젝트를 맡아서 진행하고 있습니다. 플렉스4, LCDS 3, AIR(ACI) 어도비 관련 공인 강사이며, Livecycle 플랫폼, 플래시 및 드림위버 공인 전문가이자 SCRUM 마스터입니다.