청구할인 안내(인터파크 제휴카드) | 안내
삼성카드 3% (3만원 이상 결제/최대 1만원 할인)
북피니언 롯데카드 30% (최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (최대할인 3만원 / 3만원 이상 결제)
Close

2013년 9월 9일 이후 누적수치입니다.

웹디자이너를 위한 CSS3

원제 : CSS3 FOR WEB DESIGNERS
판매지수 42
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
정가

15,000원

  • 13,500 (10%할인)

    750P (5%적립)

  • 중고판매

    이 책을 인터파크에
    판매하세요

  • 이벤트/기획전

  • 연관도서(11)

  • 사은품(6)

출판사 서평

웹사이트를 만들 때 웹디자이너가 해야 할 일은 뭘까? 우선 포토샵 프로그램을 실행시킨 다음, 기획자가 설계한 정보를 고객의 콘셉트에 맞게끔 디자인 한 후 코더에게 넘긴다고 답할 사람이 많을 것이다. 사실 웹디자이너 중에서 코더에게 이미지를 넘긴 이후의 작업에 관여하는 사람은 아직 많지 않다. 하지만 앞으로 이런 웹디자이너는 경쟁력을 갖추기 힘들지도 모른다. 아니. 어쩌면 웹디자이너라는 타이틀을 놓아야 할 수도 있다. 그냥 '포토샵 오퍼레이터' 수준으로 전락할 것이다. 현재 글로벌 웹디자인계에서 HTML5, CSS3 분야는 눈에 띄게 급속도로 발전하고 있다. 이 책은 글로벌 웹디자인계에서 CSS3 분야의 선두주자이자 타고난 프런트엔드 개발자이며 디자이너인 댄 시더홈이 직접 집필했다. 댄은 '웹2.0을 이끄는 방탄웹' 이라는 책으로 한국에서도 익히 잘 알려져 있는 저자이다.

이 책에는 단순히 속성을 나열해서 보여주는 것이 아닌, 저자의 CSS3에 대한 깊은 노하우가 담겨있다. 그렇다고 어렵거나 두껍지도 않다. 가볍게 들고 다니면서 읽을 수 있고 실무에 바로 적용할 수 있게끔 예제를 통해 재미있고 쉽게 CSS3의 속성을 이해할 수 있다.

웹디자이너와 코더는 디자인을 통해 웹사이트를 사용자에게 어떻게 보여줄 것인지에 대한 의도를 정확히 파악해야 한다. 그러기 위해선 웹디자이너와 코더 모두 CSS를 제대로 알아야 한다. 이 책은 좀더 접근성이 높고 유연하며 크리에이티브한 웹디자인을 위한 CSS3 비법을 알려준다.

이 책의 저자인 댄 시더홈은 유연한 프런트 엔드 개발자이자 디자이너이자 코더다. 그는 CSS3와 같은 복잡한 개념을 쉽고 간단하게 푸는 재주가 있다. 어 북 어파트 설립자인 제프리 젤드먼은 저자에 대해 '타고난 교육자이면서 무표정한 얼굴로 스티븐 라이트(미국 코미디 배우)보다 더 사람을 웃기게 만드는 재주가 있다'고 했다. 그의 말처럼 이 책은 CSS3를 쉽고 재미있게 설명하고 실제로 적용해볼 수 있도록 구성되어 있다. 그의 유머에 빠지다 보면 책을 읽으며 웃음이 터지는 경우가 몇 번 있을 것이다.

다음은 제프리 젤드먼이 저자에 대해 설명한 글이다.

"웹사이트는 그림이 아닙니다. 누군가 포토샵으로 디자인을 하면 또 누군가는 그 디자인을 마크업markup과 CSS로 변환하는 작업을 합니다. 이 과정에서 코더는 디자이너의 의도가 무엇인지 정확히 읽어내야 합니다. 만약 코더가 댄 시더홈Dan Cederholm이라면 이러한 해석 과정에서 잡음이 생길 일은 거의 없을 것입니다. 댄은 디자인을 코딩할 때 디자이너의 실수까지 놓치지 않고 모든 것을 바로잡기 때문입니다."

[웹디자이너를 위한 CSS3] 출간에 앞서

독자 여러분, 안녕하세요? 웹액츄얼리는 '아름다운 웹사이트 만들기' 시리즈를 발간하고 있습니다. 그 중 두 번째 책인 [웹디자이너를 위한 CSS3]를 소개합니다. 우선 이 책을 선택해주셔서 진심으로 감사합니다. 여러분은 웹디자인의 미래에 대해 탁월한 혜안을 가진 진정한 전문가입니다. 혹시 그렇지 않다면 이 책을 읽고 전문가의 대열에 합류하시기 바랍니다. 최고의 웹 전문가들이 자신들만의 노하우와 철학을 이해하기 쉽게 안내해줄 것입니다.

이 책의 저자인 댄 시더홈Dan Cederholm은 이미 국내에서도 HTML, CSS, 웹 접근성과 관련된 책을 여러 권 발간해 웹디자이너들 사이에 잘 알려져 있습니다. 그의 책을 통해 알 수 있듯이 그는 복잡한 개념을 쉽고 간단하게 푸는 데 남다른 재주가 있습니다. 댄 시더홈은 2010년 영국 런던에서 열린 'Future Of Web Design Conference'에서 이 책에서도 다룬 '사용자의 감성을 이끌어내는 감성적 경험 계층experience layer부분의 CSS3 적용'이라는 주제로 프레젠테이션을 진행해 강한 인상을 남겼습니다. 당시 글로벌 웹디자인 업계에서는 막 HTML5와 CSS3에 관심을 갖기 시작했기 때문에 CSS3의 효율적인 사용 범위에 대해서는 생각조차 할 수 없었습니다. 그저 어떤 스펙들이 있고, 어떻게 구현할 수 있을까라는 막연한 기대와 실험정신이 컸습니다. 당시 프레젠테이션의 감동과 노하우를 그대로 책으로 만날 수 있다는 것은 큰 행운입니다.

댄 시더홈은 CSS3를 통해 웹디자인이 얼마나 세련되고 아름다워질 수 있는지에 대해 명확한 비전과 희망을 제시하고 있습니다. 그는 인문학적 철학과 CSS3의 폭넓은 활용으로 웹디자인의 정수를 보여주는 디자이너입니다.

CSS3의 상세한 스펙에 대해 나열해놓은 책은 무수히 많습니다. 앞으로 영역별로 더 세분화된 책도 나올 것입니다. 하지만 여러분이 CSS3의 적절한 사용법과 그 범위에 대해 한번이라도 고민한 적이 있다면 이 책에서 답을 찾으실 수 있을 것입니다.

이 책은 어 북 어파트A Book Apart에서 웹디자인 작업에 필요한 핵심 분야만을 뽑아 만든 시리즈 중 두 번째 책입니다. 어 북 어파트는 웹 표준 기술의 세계적인 선구자이자 글로벌 웹디자인계의 진정한 그루Guru인 제프리 젤드먼Jeffrey Zeldman 이 설립했습니다. 그는 글로벌 웹디자인계에서 실력 있고 전도 유망한 각 분야 최고 전문가들에게 집필을 의뢰해 현재 여덟 권의 책을 냈습니다.

웹액츄얼리는 2010년 어 북 어파트에서 이 시리즈가 나온다고 했을 때 '앞으로 웹디자인 산업에 제2의 부흥기가 오겠구나!'라고 생각했습니다. 우리는 이 시리즈의 국내 판권을 얻기 위해 전력을 쏟았고, 마침내 어 북 어파트와 파트너십을 맺어 이 시리즈를 국내에 소개할 수 있는 기회를 얻었습니다. 앞으로 콘텐츠 전략요소, 반응형 웹디자인, 감성 디자인, 모바일 퍼스트 등 이 시리즈의 주옥같은 책들을 모두 출간할 예정입니다.

이 책들에는 아름답고 진정한 가치가 있는 웹사이트를 만드는 데 꼭 필요한 보물 같은 내용이 담겨 있습니다. 이 자리를 빌려 책을 낼 수 있도록 허락해준 편집자 맨디 브라운Mandy Brown과 제프리 젤드먼에게 깊은 감사의 뜻을 전합니다.
웹액츄얼리는 웹디자인과 관련하여 도서 출판만 하는 것은 아닙니다. 여러분과 함께 '아름다운 웹사이트'를 만들기 위해 부단히 노력하는 웹디자인 에이전시이기도 합니다. 어 북 어파트 시리즈를 비롯해 그 외 웹액츄얼리가 출판하는 모든 도서에 수록된 내용을 직접 읽고 연구하고 실험하며 웹사이트를 제작하고 있습니다. 우리도 여러분처럼 훌륭한 실무 전문가가 되기 위해 부단히 노력하고 있습니다. 웹2.0의 철학 중 하나인 끊임없는 실험정신Perpetual Beta으로 말입니다.

독자 여러분의 많은 관심과 격려 바랍니다.

웹액츄얼리 북스팀

목차

TABLE OF CONTENTS

출간에 앞서

저자 인사말

서문

1장 지금 CSS3를 사용하려면
스펙을 읽지 마라
모두를 위한 CSS3
당장 사용할 수 있는 주요 CSS3 속성들
브라우저 개발자 접두어

2장 CSS 트랜지션에 대한 이해
주객전도
CSS 트랜지션이란?
간단한 예제
타이밍 함수(수학 시간에 잘했으면 좋았을 것)
트랜지션 지연
트랜지션 축약형 표기법
브라우저 지원
순서대로 완벽한 트랜지션 구축하기
트랜지션 상태
다중 속성을 가지는 트랜지션
가능한 한 모든 속성을 사용한 트랜지션
트랜지션을 적용할 수 있는 CSS 속성은?
왜 자바스크립트를 사용하지 않나?
현명하게, 영리하게

3장 CSS3를 이용해 호버 크래프트하기
사례 연구
놀랍고도 재미있는 일
모든 브라우저에서 동일한 경험이 필요할까?
달 탐사하기
불투명도를 사용한 단순하고 유연한 호버링
도전! 호버 크래프팅

4장 메시지 트랜스폼하기
scale 트랜스폼
경험 트랜스폼하기
회전, 비틀기, 이동
스토리에 힘들 실어줄 수 있는 트랜스폼
달을 변화시키기
한 가지 더: 현명하게, 영리하게

5장 다중 배경 적용하기
시차 스크롤링
오래된 방법: 추가되는 마크업
새로운 방법: CSS3를 이용한 다중 배경
지금 바로 다중 배경 사용하기

6장 폼 강화하기
간단한 가입 폼 마크업
FIELDSET과 LABEL에 스타일 추가하기
텍스트 입력 상자에 스타일 적용하기
CSS3 그레이디언트 사용하기
순수 CSS3 버튼
다른 브라우저들은 어떨까?
Focus 상태를 위한 box-shadow
CSS 애니메이션을 추가해 폼 인터랙션을 강화하기
인터랙션에 초점을 맞추자

7장 결론
이해하지 못하는 고객과 상사는 어떻게 할까?
앞을 미리 내다보기
더 많은 읽을거리와 자료들

인덱스

A BOOK APART 소개

저자 소개

본문중에서

나는 여러 나라 웹디자이너로부터 이런 말을 들었습니다. "CSS3를 빨리 사용하고 싶어요. 그것이 완성되었을 때."

하지만 CSS3는 지금이라도 당장 사용할 수 있습니다. 다행히 CSS3를 사용하기 위해 사고방식이나 웹사이트 제작 방법을 바꿀 것까지는 없습니다. 프로젝트에서 CSS3를 사용하려면 어떻게 해야 할까요? CSS3를 적용하려는 상황을 조심스럽게 선택해야 하므로 무엇보다 '경험 계층experience layer?에 초점을 맞추는 것이 좋습니다.
(/ 1장 中 모두를 위한 CSS3 중에서)

필자는 CSS 트랜지션을 버터라고 생각합니다. 호버hovering, 클릭clicking, 포커싱focusing 같은 인터랙션interactions이 발생했을 때 스타일시트에 있는 값들이 부드럽게 바뀌기 때문입니다. 트랜지션이 실제 버터와 다른 점은 트랜지션을 아무리 많이 사용해도 살이 찌지 않는다는 점입니다. 디자인에서 특정 이벤트를 풍성하게 하기 위해 사용하는 스타일시트의 간단한 규칙일 뿐입니다.
(/ 2장 中 CSS 트랜지션이란? 중에서)

CSS3를 사용한 호버 크래프팅은 빠르고 효과적인 방법으로 경험 계층을 풍부하게 만드는 간단한 스타일을 추가함으로써 이 속성을 지원하거나 지원하게 될 브라우저 사용자를 더욱 놀라게 하거나 즐겁게 합니다. 지금까지 여러분이 만들어놓은 경험을 브라우저가 완벽하게 지원하지 못한다 하더라도 아무런 문제가 없습니다. 그들은 자신이 무엇을 놓치고 있는지 모르기 때문입니다.
(/ 3장 中 도전! 호버 크래프팅 중에서)

2년 전 필자에게 "CSS3에서 가장 기대되는 것은 무엇인가?"라고 물었다면 서슴없이 "다중 배경 이미지!"라고 대답했을 것입니다. 당시에는 한 요소 안에 둘 이상의 배경 이미지를 겹칠 수만 있다면 웹디자이너로서 느꼈던 수많은 고통에서 당장이라도 벗어날 수 있을 것이라고 생각했습니다. … 하나의 요소에 여러 배경 이미지를 할당하는 멋진 경우가 있습니다. 이 장에서 이런 특별한 기법에 대해 설명해보려고 합니다.
(/ 5장 다중 배경 적용하기 중에서)

저자소개

댄 시더홈(Dan Cederholm) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

메사추세츠 주 세일럼에 살고 있는 웹디자이너이자 베스트셀러 작가이며, 남편이고 아빠다. 또한 작은 디자인 스튜디오인 심플비츠SimpleBits의 설립자이기도 합니다. 표준 방식 웹디자인 분야에서 인정받고 있는 전문가인 댄은 유투브YouTube와 엠티비MTV, 구글Google, 야후Yahoo, ESPN, 패스트 컴퍼니Fast Company, 블로거Blogger 및 기타 다양한 기업과 함께 일하고 있다.

그는 디자인 작업과 저술, 강연을 통해 웹 표준을 사용한 유연하고 융통성 있는 디자인을 아우른다. 또한 디자이너들이 실제로 작업한 것을 공유하는 디자인 커뮤니티 드리블Dribbble의 공동

펼쳐보기
웹액츄얼리팀 [역] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

웹액츄얼리코리아(주)는 2008년 4월 설립한 워드프레스 전문 웹디자인 에이전시이자 인터넷PR미디어 회사다. 웹디자인 분야와 관련된 출판 업무도 하고 있다. 5년여 동안 워드프레스(WordPress) 연구·개발이라는 한길을 걸어왔으며, 이를 바탕으로 콘텐츠 제작에서부터 트위터, 페이스북과 연동한 SNS 홍보 마케팅 등 토털 웹서비스를 하고 있다.

[웹디자이너를 위한 CSS3]는 [웹디자이너를 위한 HTML5]에 이은 '아름다운 웹사이트 만들기' 시리즈의 2번째 책이다. '아름다운 웹사이트 만들기' 시리즈는 웹액츄얼리코리아가 어 북 어파트와의 파트너십으로 판권계약을

펼쳐보기

리뷰

6.0 (총 0건)

등록된 리뷰중 당선작을 선정하여, 도서상품권을 드립니다.

리뷰쓰기

기대평

작성시 유의사항

평점
0/200자
등록하기

기대평

0.0

교환/환불

교환/환불 방법

‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

교환/환불 가능 기간

고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

교환/환불 비용

고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

교환/환불 불가사유

반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

소비자 피해보상

소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

기타

도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

배송안내

  • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

  • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

  • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

  • 배송비

도서(중고도서 포함) 구매

2,000원 (1만원이상 구매 시 무료배송)

음반/DVD/잡지/만화 구매

2,000원 (2만원이상 구매 시 무료배송)

도서와 음반/DVD/잡지/만화/
중고직배송상품을 함께 구매

2,000원 (1만원이상 구매 시 무료배송)

업체직접배송상품 구매

업체별 상이한 배송비 적용