국내도서

>

컴퓨터/인터넷

>

컴퓨터 활용/WEB

>

웹/홈페이지

>

웹디자인

• 
• 제휴몰 주문 시 고객보상, 일부 이벤트 참여 및 증정품 증정, 하루/당일 배송에서 제외되므로 참고 바랍니다.

• 
• 도서  > 컴퓨터/인터넷  > 컴퓨터 활용/WEB  > 웹/홈페이지  > HTML/CSS/Javascript
• 도서  > 예술/대중문화  > 디자인  > 웹디자인
• 도서  > 컴퓨터/인터넷  > 컴퓨터 활용/WEB  > 웹/홈페이지  > 웹디자인
• 도서  > 컴퓨터/인터넷  > 컴퓨터 활용/WEB  > 앱 가이드/마케팅/디자인

• 
• 
• 물고기 시리즈로도 유명한 《CSS 완벽가이드》는 전 세계 및 국내 웹디자이너와 프론트엔드 개발자 사이에서 CSS 기술 분야의 인기 있는 책으로, 12년 만에 최신 기술로 업그레이드되어 새롭게 개정판으로 출간되었습니다. 현재 아마존 CSS 기술 분야에서 베스트셀러인 이 책은 전 세계 ‘CSS의 황제’라 불리는 에릭 마이어가 에스텔 웨일과 함께 심혈을 기울여 CSS의 최신 기술 및 노하우를 집대성했습니다. 세련된 페이지 스타일과 개선된 접근성을 추구하면서도 근본적인 깊이 있는 CSS 기술을 배우고 싶은 독자라면 《CSS 완벽 가이드》가 해법을 알려줄 것입니다. 웹을 표현하는 방법에 대한 시간과 노력을 아끼고 싶은 웹디자이너나 개발자들에게 도움이 될 것입니다.
• 
• 전 세계 웹디자인계 트렌드나 핫이슈를 파악하면서 항상 많이 발견되는 주제는 단연 CSS 기술입니다. 국내에서는 웹을 표현할 때 많은 부분에서 자바스크립트로 프론트엔드를 처리하는 부분이 많지만, 글로벌 웹디자인계에서는 가능하다면 CSS만으로 표현하려는 실험이 끊임없이 이어집니다. 웹 접근성과 탄탄한 기본기를 중요하게 다루는 이유도 한몫하지 않을까 합니다. 물론 JS를 사용한다고 해서 접근성이 떨어지는 것은 아닙니다. 단순히 구현만 하는 것이 아니라 이것을 왜 사용하며 어떻게 작동하는지에 대해 웹을 표현하기 위한 기본부터 체크하려는 열정이 저자의 철학입니다. CSS워킹그룹의 핵심 전문가들의 많은 도움도 이 책을 빛나게 해준 조연자들입니다. 이 책은 저자의 CSS에 대한 열정과 끊임없는 깊은 탐구열의 산물이라고 할 수 있습니다. ◆이 책에서 다루는 내용 -선택자, 우선순위, 캐스케이드 -값, 단위, 폰트 그리고 text 프로퍼티 -패딩, 보더, 외곽선, 마진 -색상, 배경, 그레이디언트 -플로트와 포지셔닝 -플렉서블 박스 레이아웃 -새로운 그리드 레이아웃 시스템 -테이블 레이아웃 -리스트 -2D 와 3D 트랜스폼, 트랜지션 그리고 애니메이션 -필터, 혼합, 자르기, 가리기 -미디어 전용 스타일
• 
• 이 책에 대하여 chapter 1 CSS 와 문서 chapter 2 선택자 chapter 3 우선순위와 캐스케이드 chapter 4 값과 단위 chapter 5 폰트 chapter 6 텍스트 프로퍼티 chapter 7 레이아웃 기본 chapter 8 패딩, 보더, 외곽선, 마진 chapter 9 색깔, 배경, 그레이디언트 chapter 10 플로트와 셰이프 chapter 11 포지션 chapter 12 플렉서블 박스 레이아웃 chapter 13 그리드 레이아웃 chapter 14 테이블 레이아웃 chapter 15 리스트와 생성된 콘텐츠 chapter 16 트랜스폼 chapter 17 트랜지션 chapter 18 애니메이션 chapter 19 필터, 혼합, 자르기, 가리기 chapter 20 미디어 전용 스타일 부록 A 애니메이션 가능 프로퍼티 부록 B 기본 프로퍼티 레퍼런스 부록 C 색상표 찾아보기
• 
• Chapter 1 CSS 와 문서 캐스케이딩 스타일 시트(CSS)는 문서의 표현을 바꾸는 강력한 도구입니다. CSS 는 웹의 거의 모든 곳에서 사용되며, 표면적으로는 웹이 아닌 것처럼 보이는 환경에서도 사용됩니다. CSS 를 사용하면 사용자 에이전트가 요소를 표시하는 방식을 완전히 변경할 수 있습니다. CSS 의 힘을 최대한 활용하려면 스타일을 문서 요소와 연결하는 방법을 알아야 합니다. 또 CSS 에 대해 완전히 이해하려면 먼저 CSS 가 스타일을 적용할 각 요소를 어떻게 선택하는지 확실하게 이해해야 합니다. Chapter 2 선택자 CSS 의 주요 이점 중 하나는 같은 유형의 요소 전체에 스타일을 쉽게 적용할 수 있다는 겁니다. 코드 한 줄만 수정하면 보라색, 노란색 등 원하는 색깔이 뭐든 적용할 수 있습니다. 물론 CSS 가 만능 해결사는 아닙니다. 하지만 파일 전체 또는 웹사이트 전체의 모양을 바꾸는 작업이 훨씬 쉬워지는 것은 분명합니다. Chapter 3 우선순위와 캐스케이드 상속은 일부 프로퍼티 값이 요소에서 그 자손으로 전달되는 메커니즘입니다. 어떤 값을 요소에 적용해야 하는지 결정할 때, 사용자 에이전트는 상속뿐만 아니라 선언의 우선순위와 선언의 출처를 고려해야 합니다. 이 결정 과정을 캐스케이드라고 부릅니다. 이 장에서는 우선순위와 상속, 캐스케이드 세 가지 메커니즘이 어떻게 서로 어울려 동작하는지 알아보고 상속, 캐스케이드가 어떻게 다른지 요약합니다. Chapter 4 값과 단위 이 장에서는 CSS 로 수행할 수 있는 거의 모든 것의 기초, 즉 색상과 거리를 비롯해 모든 프로퍼티를 정의하는 값과 단위에 대해 배웁니다. 여기에서 설명하는 개념을 이해하면 CSS 를 더 빨리 배우고 사용할 수 있습니다. Chapter 5 폰트 이제는 웹에서 폰트가 표시되는 방법을 넓고도 세밀하게 제어할 수 있게 되었습니다. 웹을 통해 커스텀 폰트를 다운로드할 수 있을 뿐 아니라 내려받은 폰트를 조합해서 자신만의 폰트 패밀리를 창조할 수도 있습니다. 그 어느 때보다 강력한 힘을 갖게 됐지만 그 힘을 현명하게 써야 합니다. 다양함이 지나치면 사용자를 혼란에 빠뜨릴 수 있고, 페이지가 필요 이상으로 무거워집니다. Chapter 6 텍스트 프로퍼티 텍스트는 매우 중요합니다. 이와 관련된 프로퍼티도 많습니다. 텍스트와 폰트의 차이점은 무엇일까요? 텍스트는 콘텐츠이고, 폰트는 그 콘텐츠를 표현하는 데 사용됩니다. 텍스트 프로퍼티를 통해 행의 나머지 부분을 기준으로 위치를 조절하고, 위첨자를 표시하기도 하고, 밑줄을 긋기도 하고, 대소문자를 바꾸는 일도 할 수 있습니다. 폰트를 바꾸지 않고도 다양한 방법으로 텍스트가 주는 느낌을 바꿀 수 있습니다. Chapter 7 레이아웃 기본 이 장은 CSS 의 시각적 렌더링 이론에 관해 설명합니다. CSS 에 포함된 모델은 굉장히 강력하며 개방적이라서 어떤 책으로도 CSS 에서 가능한 프로퍼티와 효과들의 조합 전체를 설명하지 못합니다. 하지만 이 챕터를 읽으면 CSS 를 사용하는 새로운 방법을 발견하게 될 것입니다. 렌더링 모델의 작동 방식을 완전히 파악하면 예기치 않은 동작을 마주치더라도 그것이 CSS 에서 정의하는 렌더링 엔진이 정확히 동작한 것임을 알 수 있게 될 것입니다. Chapter 8 패딩, 보더, 외곽선, 마진 이 장에서는 요소의 모양 일부를 변경하는 데 사용할 수 있는 CSS 프로퍼티와 값을 살펴봅니다. 여기에는 요소 주위의 패딩, 보더, 마진과 외곽선이 포함됩니다. 마진, 보더, 패딩을 모든 요소에 적용하는 기능은 CSS 를 과거의 웹 마크업보다 훨씬 수준 높게 바꿔주는 특징 중 하나입니다. 이것이... 바로 CSS 를 매력적으로 만드는 힘입니다. Chapter 9 색깔, 배경, 그레이디언트 CSS 를 사용하면 색깔과 배경을 더욱 다양하게 쓸 수 있습니다. 같은 페이지나 요소에 여러가지 색깔과 배경색을 쓸 수 있을 뿐 아니라 같은 요소에 다양한 배경을 적용할 수도 있습니다. 색깔과 배경을 자유롭게 다룰 수 있게 되면서 웹 제작자가 할 수 있는 일도 그만큼 늘어났습니다. Chapter 10 플로트와 셰이프 플로트된 요소는 아주 오랫동안 웹 레이아웃의 기본처럼 쓰였습니다. 하지만 플로트는 레이아웃 목적으로 설계된 것이 아닙니다. 플로트를 레이아웃에 사용하는 것은 테이블을 레이아웃에 사용하는 것이나 마찬가지입니다. 플로트는 플로트일 뿐입니다. 플로트는 그 자체로도 흥미롭고 유용하지만 최근 플로트 셰이프가 추가되면서 더욱 흥미롭고 유용해졌습니다. 플로트 셰이프(float shape)란 사각형이 아닌 셰이프를 만들어 콘텐츠가 그 주위를 흐르게 만드는 것입니다. Chapter 11 포지션 포지션의 기본 개념은 아주 단순합니다. 포지션은 요소 박스의 위치를 다른 위치를 기준으로 정확히 정의합니다. 여기서 다른 위치란 부모 요소, 다른 요소, 뷰포트(예를 들어 브라우저 윈도우) 자체가 될 수 있습니다. 포지션을 사용하면 일반적인 문서 흐름에서는 불가능한 형태로 요소를 움직일 수 있습니다. 포지션 테크닉 중 상당수가 그리드 레이아웃에 자리를 내주긴 했지만 뷰포트에 항상 존재하는 사이드 바나 리스트 섹션 제목에 sticky 포지션을 적용하는 등 활용하는 사람이 아직도 많습니다. z 축 방향의 스택과 다양한 오버플로 패턴을 조합하면 아직 포지션으로도 할 수 있는 일이 많습니다. Chapter 12 플렉서블 박스 레이아웃 CSS 플렉서블 박스 모듈 레벨1을 줄여서 플렉스박스라고도 부릅니다. 플렉스박스는 페이지, 애플리케이션, 위젯, 갤러리 등의 레이아웃을 만드는 어려운 작업을 상당히 단순화했습니다. 플렉스박스를 사용하면 CSS 프레임워크가 필요 없어질 때도 많습니다. 이 장에서 설명하는 내용을 익히면 CSS 몇 줄만 가지고도 사이트에서 필요한 기능을 거의 모두 만들 수 있습니다. Chapter 13 그리드 레이아웃 그리드 레이아웃은 일반화된 레이아웃 시스템입니다. 그리드 레이아웃은 행과 열이라는 개념에서 출발했습니다. 그 말만 들으면 테이블 레이아웃과 비슷한 느낌을 주고, 사실 어떤면에서는 비슷하기도 하지만 테이블 레이아웃보다 훨씬 더 다재다능합니다. 그리드를 사용하면 여러 디자인 요소들을 문서 소스 순서와 관계없이 배치할 수 있고, 원한다면 레이아웃 요소들을 겹칠 수도 있습니다. 그리드 라인의 반복형 패턴을 정의하고, 요소를 그리드 라인에 붙이는 강력하고 유연한 방법이 있습니다. 그리드 안에 그리드를 넣을 수 있고, 비슷한 발상으로 테이블이나 플렉스박스 컨테이너도 그리드에 넣을 수 있습니다. 할 수 있는 일은 이외에도 훨씬 많습니다. Chapter 14 테이블 레이아웃 테이블은 일종의 이단아 같은 존재입니다. 플렉스박스와 그리드가 있기 전에는 요소의 크기를 다른 요소와 결부시키는 존재는 오직 테이블뿐이었습니다. 예를 들어 같은 행에 있는 셀은 콘텐츠가 많든 적든 상관없이 높이가 모두 같습니다. 같은 열에 존재하는 셀의 너비가 모두 같은 것도 마찬가지죠. 인접한 셀은 각각의 보더 스타일이 완전히 다르더라도 보더 하나를 공유할 수 있습니다. 테이블의 이런 특징은 오직 테이블에만 적용되는 수많은 동작 방식과 규칙 위에서 이뤄지는 것입니다. 수년 동안 테이블과 ‘스페이서’ 이미지를 사용한 탓에 테이블 레이아웃에 익숙한 독자도 있겠지만 테이블 레이아웃 메커니즘은 상당히 복잡합니다. 셀 정렬과 테이블 너비에 영향을 주는 프로퍼티가 추가되면서 이제 테이블을 전보다 더 쉽게 디자인할 수 있게 됐습니다. Chapter 15 리스트와 생성된 콘텐츠 CSS 레이아웃에서 리스트는 흥미로운 케이스 중 하나입니다. CSS1에서는 이런 콘텐츠 생성을 정의하지도 않았고, 제어할 수도 없었습니다. 하지만 CSS2에서는 리스트 아이템 번호를 정의하는 기능이 생겼습니다. 이제 CSS를 통해 자신만의 패턴과 형식을 정의하고, 그 카운터를 순서 있는 리스트 아이템뿐만 아니라 모든 요소에 사용할 수 있게 됐습니다. 이 기본적인 메커니즘을 통해 텍스트 문자열, 속성 값 심지어 외부 자원까지 문서에 삽입할 수 있습니다. 즉 마크업을 수정하지 않은 채 CSS만 써서 링크 아이콘, 사설 기호(editorial symbol) 등을 문서에 삽입할 수 있는 것입니다. 에릭 마이어는 CSS3에서 리스트 스타일이 더 강화될 것을 감안하면 리스트가 앞으로 계속 더 유용해질 것이라고 예상합니다. Chapter 16 트랜스폼 CSS 트랜스폼에는 요소를 이동하는 것 외에도 완전히 새로운 변형이 존재합니다. 사진을 약간 기울여서 더 자연스럽게 보이게 하거나 요소를 뒤집어서 정보를 노출하는 인터페이스를 만들거나 사이드바를 활용해 원근법의 착시 효과를 내는 등 일일이 나열할 수 없는 수많은 것이 가능합니다. 간단히 말해 CSS 트랜스폼은 디자인하는 발상 자체를 바꿀 수 있습니다. 요소를 2차원과 3차원 공간에서 변형할 수 있게 하는 CSS 트랜스폼은 정보를 전달할 새로운 방법을 찾고 있던 디자이너들에게 강력한 힘을 부여했습니다. 2차원 트랜스폼을 흥미로운 방법으로 조합하고, 완전한 3차원 인터페이스를 만드는 것까지 트랜스폼은 디자인 영역에 새로운 길을 개척했습니다. 프로퍼티 사이에 의외의 의존성이 있고, CSS 사용자들이 처음부터 익숙해지긴 어렵겠지만 조금만 연습하면 숨 쉬듯 자연스러워질 것입니다. Chapter 17 트랜지션 CSS 트랜지션은 프로퍼티 값이 바뀔 때 원래 값이 새 값으로 시간에 따라 변하는 애니메이션 효과입니다. 트랜지션은 어떤 변화에 대한 반응으로 요소의 상태를 바꿉니다. 여기서 변화란 보통 마우스 움직임 등의 사용자 상호작용이지만 스크립트를 통해 클래스나 ID 등의 상태를 바꾸는 것도 해당됩니다. 일반적으로 CSS 프로퍼티
• 
• 

• 에릭 마이어 [저]

• 저자 에릭 마이어(Eric Meyer)는 1993년부터 웹 관련 일을 해왔으며 세계적으로 명성 있는 HTML, CSS, 웹 표준 전문가다. ‘레베카의 선물’의 최고 기술이사이며, ‘언 이벤트 어파트’의 공동 창립자이기도 하다. HTML과 CSS를 전 세계에 전파하고, 웹의 우수성과 효율성을 널리 알리고 공로를 인정받아 2006년 국제디지털예술 및 과학아카데미에 가입했다. 현재 세계 각지의 콘퍼런스와 자신의 웹사이트(meyerweb.com)에서 다양한 지식을 공유하고 있다.

• 한선용 [저]

• 웹 표준과 자바스크립트에 관심이 많은 번역가다. 2008년부터 웹 관련 일을 했으며, ‘WCAG 2.0을 위한 일반적 테크닉’ 등의 문서를 번역해 웹에 올렸다. 번역서로 『한 권으로 끝내는 Node & Express』(2015), 『자바스크립트를 말하다』(2014), 『데이터 시각화를 위한 데이터 인사이트』(2014), 『모던 웹을 요리하는 초간편 HTML5 Cookbook』(2012), 『Head First jQuery』(2012), 『jQuery Mobile』(2012), 『자바스크립트 성능 최적화』(2011, 이상 한빛미디어), 『자바스크립트 프로그래밍』(2013), 『처음 배우는 jQuery』(2012), 『에릭 마이어의 CSS 노하우』(2011, 이상 인사이트) 등이 있다.

• 전체 0개의 구매후기가 있습니다.
• 

인터파크도서는 고객님의 단순 변심에 의한 교환과 반품에 드는 비용은 고객님이 지불케 됩니다. 단, 상품이나 서비스 자체의 하자로 인한 교환 및 반품은 무료로 반품 됩니다. 교환 및 반품이 가능한 경우 상품을 공급 받은 날로부터 7일이내 가능 공급받으신 상품의 내용이 표시, 광고 내용과 다르거나 다르게 이행된 경우에는 공급받은 날로부터 3개월 이내,    혹은 그사실을 알게 된 날 또는 알 수 있었던 날로부터 30일 이내 상품에 아무런 하자가 없는 경우 소비자의 고객변심에 의한 교환은 상품의 포장상태 등이 전혀 손상되지 않은 경우에 한하여 가능 교환 및 반품이 불가능한 경우 구매확정 이후(오픈마켓상품에 한함) 고객님의 책임 있는 사유로 상품 등이 멸실 또는 훼손된 경우    (단, 상품의 내용을 확인하기 위하여 포장 등을 훼손한 경우는 제외) 시간이 지남에 따라 재판매가 곤란할 정도로 물품의 가치가 떨어진 경우 포장 개봉되어 상품 가치가 훼손된 경우 다배송지의 경우 반품 환불 다배송지의 경우 다른 지역의 반품을 동시에 진행할 수 없습니다. 1개 지역의 반품이 완료된 후 다른 지역 반품을 진행할 수 있으므로, 이점 양해해 주시기 바랍니다. 중고상품의 교환 중고상품은 제한된 재고 내에서 판매가 이루어지므로, 교환은 불가능합니다. 오픈마켓 상품의 환불 오픈마켓상품에 대한 책임은 원칙적으로 업체에게 있으므로, 교환/반품 접수시 반드시 판매자와 협의 후 반품 접수를 하셔야하며,    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가능할 수 있으니 유의하시기 바랍니다.

배송예정일 안내 인터파크 도서는 모든 상품에 대해 배송완료예정일을 웹사이트에 표시하고 있습니다. <인터파크 직배송 상품> 상품은 월~토요일 오전 10시 이전 주문분에 대하여 당일 출고/당일 배송완료를 보장하는 상품입니다. 상품은 서울지역/평일 주문분은 당일 출고/익일 배송완료를 보장하며, 서울외지역/평일 주문분의 경우는 오후 6시까지 주문분에 대하여 익일 배송완료를 보장하는 상품입니다. (단, 월요일은 12시까지 주문에 한함) 상품은, 입고예정일(제품출시일)+택배사배송일(1일)에 배송완료를 보장합니다. ~ 상품은 유통특성상 인터파크에서 재고를 보유하지 않은 상품으로 주문일+기준출고일+택배사배송일(1일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※기준출고일:인터파크가 상품을 수급하여 물류창고에서 포장/출고하기까지 소요되는 시간 <업체 직접배송/오픈마켓 상품> ~ 상품은 업체가 주문을 확인하고, 출고하기까지 걸리는 시간입니다. 주문일+기준출고일+택배사배송일(2일)에 배송완료를 보장합니다.(토/공휴일은 배송기간에 포함되지 않습니다.) ※5일이내 출고가 시작되지 않을시, 오픈마켓 상품은 자동으로 주문이 취소되며, 고객님께 품절보상금을 지급해 드립니다. 배송비 안내 도서(중고도서 포함)만 구매하시면 : 배송비 2,000원 (1만원이상 구매 시 무료배송) 음반/DVD만 구매하시면 : 배송비 1,500원 (2만원이상 구매 시 무료배송) 잡지/만화/기프트만 구매하시면 : 배송비 2,000원 (2만원이상 구매 시 무료배송) 도서와 음반/DVD를 함께 구매하시면 : 배송비 1,500원 1만원이상 구매 시 무료배송) 도서와 잡지/만화/기프트/중고직배송상품을 함께 구매하시면 : 2,000원 (1만원이상 구매 시 무료배송) 업체직접배송상품을 구매시 : 업체별로 상이한 배송비 적용    * 세트상품의 경우 부분취소 시 추가 배송비가 부과될 수 있습니다.    * 북카트에서 배송비없애기 버튼을 클릭하셔서, 동일업체상품을 조금 더 구매하시면, 배송비를 절약하실 수 있습니다. 해외배송 안내 인터파크도서에서는 국내에서 주문하시거나 해외에서 주문하여 해외로 배송을 원하실 경우 DHL과 특약으로 책정된 요금표에    의해 개인이 이용하는 경우보다 배송요금을 크게 낮추며 DHL(www.dhl.co.kr)로 해외배송 서비스를 제공합니다. 해외배송은 도서/CD/DVD 상품에 한해 서비스하고 있으며, 다른 상품을 북카트에 함께 담으실 경우 해외배송이 불가합니다. 해외주문배송 서비스는 인터파크 도서 회원 가입을 하셔야만 신청 가능합니다. 알아두세요!!! 도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 취소될 수 있습니다. 오픈마켓업체의 배송지연시 주문이 자동으로 취소될 수 있습니다. 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 기준으로 배송됩니다. 유통의 특성상 출고기간은 예정보다 앞당겨지거나 늦춰질 수 있습니다. 택배사 배송일인 서울 및 수도권은 1~2일, 지방은 2~3일, 도서, 산간, 군부대는 3일 이상의 시간이 소요됩니다.