반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    The Book of CSS3

    The Book of CSS3 인터랙티브 웹을 구현하기 위한 CSS3의 원리와 핵심

    시리즈 : 에이콘 웹 프로페셔널 [22]

    원제 : The Book of CSS3: A Developer's Guide to the Future of Web Design

    • 피터 개스통 저
    • 동준상 역
    • 에이콘출판
    • 2014년 07월 31일
    • 정가
      30,000원
    • 판매가
      27,000원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,500원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예정일

      출고예정일 안내

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

      close

      2026년 02월 05일(목)

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    수량
    바로 구매 쇼핑카트 담기 위시리스트
    회원리뷰
    - [0]
    ISBN: 9788960775886 428쪽 188 x 250 (㎜)

    지금 이책은

    • 판매지수 : 110

    이 분야의 베스트셀러

    이 책이 속한 분야

    이 책의 시리즈

    전체 선택 쇼핑카트 담기
    시리즈 에이콘 웹 프로페셔널 (22)

    책 소개

    상품문의 / 정보수정 요청 >

    출판사 리뷰

    출판사 서평
    ★ 요약 ★
    CSS3를 실무에 사용할 웹 디자이너와 개발자를 위한 책. 이론과 실무를 겸비한 15년 경력의 CSS3 분야의 전문가인 저자는 미디어쿼리, CSS 선택자, 모조 클래스, 다중 칼럼, CSS 애니메이션 등 현대 웹 디자인에서 강조되는 CSS3의 주요 기법을 상세히 설명하고, 그 모든 시각적인 결과를 상세히 보여준다. 또, 플렉서블 박스 레이아웃, 템플릿 레이아웃, CSS 계산함수와 사이클, 이미지 스프라이트 등 실험적이지만 이미 구현되고 있는 미래 지향적인 스타일 정의 기법을 예제와 함께 알기 쉽게 소개한다.
    ...
    ★ 요약 ★
    CSS3를 실무에 사용할 웹 디자이너와 개발자를 위한 책. 이론과 실무를 겸비한 15년 경력의 CSS3 분야의 전문가인 저자는 미디어쿼리, CSS 선택자, 모조 클래스, 다중 칼럼, CSS 애니메이션 등 현대 웹 디자인에서 강조되는 CSS3의 주요 기법을 상세히 설명하고, 그 모든 시각적인 결과를 상세히 보여준다. 또, 플렉서블 박스 레이아웃, 템플릿 레이아웃, CSS 계산함수와 사이클, 이미지 스프라이트 등 실험적이지만 이미 구현되고 있는 미래 지향적인 스타일 정의 기법을 예제와 함께 알기 쉽게 소개한다.
    ★ 이 책에서 다루는 내용 ★
    이 책은 함축적인 기술언어로 작성된 CSS3 명세서의 내용을 이해하기 쉬운 방식으로 설명하고, 지금 당장 모든 브라우저에서 CSS3로 할 수 있는 일을 한눈에 보여준다. 아울러 현장감 넘치는 예제와 좋은 디자인에 대한 원칙을 바탕으로 여러분의 CSS 활용 능력을 확장시켜서 평범한 마크업 문서를 놀랍도록 스타일이 살아있는 웹 페이지로 바꿀 수 있는 방법을 설명한다.
    이 책을 통해 익힐 수 있는 최신 CSS3 기능은 다음과 같다.
    ■ 외곽선, 그림자 드리우기, 기타 시각 효과를 사용해서 텍스트에 스타일 부여
    ■ 배경 이미지의 생성과 세밀한 위치 설정, 크기 조절 기법
    ■ 이벤트에 의한 전환 효과와 애니메이션 구현으로 웹 페이지에 생동감 부여
    ■ 텍스트와 이미지에 2D와 3D 변환 효과 적용
    ■ 부드러운 색상의 전환 효과를 적용해서 만드는 선형, 원형 계조 색상
    ■ 스마트폰과 태블릿 등의 기기를 위한 모바일 웹사이트 구현
    ★ 이 책의 구성 ★
    이 책의 초반부는 많은 브라우저에서 정상적으로 구현되고, 일상적으로 활용할 수 있는 CSS 속성을 주로 다뤘고, 책의 중반부로 넘어가면서 다소 실험적이거나 향후 채택될 가능성이 있는 기술을 소개했다. 그리고 마지막 몇 개 장은 아직 일반적으로 구현되지 않았지만 머지않은 장래에 구현될 속성의 작동 방식에 대해 CSS3 명세를 풀어서 설명하기도 했다.
    이 책의 끝 부분에는 본문 내용으로 다루지 못한, 좀 더 세부적인 자료를 담은 2개의 부록이 있다. 부록 A에는 CSS3의 각종 기능 구현 여부를 다양한 브라우저에서 테스트해서 한눈에 볼 수 있게 정리한 참고자료를 수록했고, 부록 B에는 CSS3 활용에 도움을 줄 온라인 자료, 기타 유용한 도구, 그리고 흥미를 끄는 시연 예제를 담았다.
    이 책의 독자를 위해 마련된 웹사이트인 http://www.thebookofcss3.com/에서 이 책에 수록된 모든 예제와 시연 결과, 부록 등을 최신 버전으로 갱신한 정보를 볼 수 있다.
    ★ 추천의 글 ★
    오랜 기간 동안 인터넷 산업에 종사해온 사람들에게 CSS3는 큰 화젯거리였다. 지난 2006년 나는 CSS3.info를 시작했는데, 피터는 여기서 표준안의 개발과 이것이 브라우저에서 실제로 어떻게 보이는지에 대해 글을 쓰기 시작했다. CSS3.info 사이트를 운영하면서, 그 누구보다도 열정적으로 CSS3에 대해 실험하고 글을 쓰는 피터의 모습을 충분히 볼 수 있었기에, 이 책에 대한 추천사를 다른 사람이 아닌 내가 쓰는 건 어쩌면 당연한 일이 아닐까 생각한다.
    CSS3는 마침내 주류의 대열에 들어섰다. 신세대 브라우저(파이어폭스 4, 구글 크롬, 인터넷 익스플로러 9 등)의 등장과 함께 웹 디자인 커뮤니티에 속한 우리 같은 사람들이 오랜 기다림에 대한 보상을 받게 된 것이다. 이제는 CSS3의 강력함과 유연성에 힘입어 다양한 브라우저에서 미디어 쿼리를 이용할 수 있고, 이전보다 똑똑해진 배경 이미지를 사용할 수 있으며, 웹 폰트 역시 손쉽게 적용할 수 있다.
    곧 CSS3를 사용할 개발자에게 이 책은 최고의 교본이 될 것이라 생각한다. 이 책을 통해 여러분은 어떤 기능이 작동하는지, 또 어떤 기능이 구현되지 않는지를 알 수 있고, 명세서의 크고 작은 모든 수정사항도 확인할 수 있다. 특히 이 책을 통해 여타 자료에서는 접하기 어려운 CSS3의 전환 효과와 2D, 3D 변환에 대해서도 자세히 살펴볼 수 있다.
    이 책에서도 소개하고 있는 매트릭스 함수 같은 내용은 누구나 쉽게 이해할 수 있는 내용은 아니지만, 피터는 복잡한 매트릭스 함수를 대신해서 이해하기 쉽고 사용하기도 훨씬 간편한 CSS3의 함수를 소개하고 이를 활용할 수 있는 예제까지 상세히 소개하고 있으니, 이는 대단한 업적이라 할 만하다.
    CSS3는 웹 디자이너의 작업을 지원하기 위해 항상 새로운 제안을 받아들이고, 그 영역을 확장하고 있는 프리젠테이션 문서의 표준이다. 디자이너의 한 사람으로서, 나 역시 CSS3가 앞으로 어떤 새로운 기회를 가져다 줄지 기대가 크다. 하지만 지금은 무엇보다도 이 책을 통해 CSS3에 숨겨진 값진 보물을 찾아 나설 때다.
    - 주스트 드 바크(Joost de Valk) / Yoast.com의 창업자, 대표이사
    ★ 저자 서문 ★
    이 책은 지난 5년간 웹과 인쇄 분야의 CSS3에 대해 쓴 글을 모은 결과물이다. 브라우저와 CSS를 둘러싼 환경은 단기간에 많은 변화를 겪었고, 미처 따라가기 힘들 정도로 많은 기능과 구현 기법이 지속적으로 등장하고 있다. CSS3 명세서는 최종 사용자가 아닌 브라우저 제작사 같은 구현 담당자를 우선적으로 고려해서 함축적인 기술 언어로 작성됐기 때문에 일상적인 참고용 자료로 사용하기에 어려움이 있었다. 그래서 나는 이 책을 쓰면서 명세서와 웹 개발자 사이의 간격을 좁혀보겠다는 의지를 다졌다.
    이 책의 초반부는 많은 브라우저에서 정상적으로 구현되고, 일상적으로 활용할 수 있는 CSS 속성을 주로 다뤘고, 책의 중반부로 넘어가면서 다소 실험적이거나 향후 채택될 가능성이 있는 기술을 소개했다. 그리고 마지막 몇 개의 장은 아직 일반적으로 구현되지 않았지만 머지않은 장래에 구현될 속성의 작동 방식에 대해 CSS3 명세서를 풀어서 설명하기도 했다. 책의 내용 가운데 혹시 실수가 있다면, 이는 순전히 나의 이해 부족에 따른 것이다.
    CSS3 명세서 외에도 웹과 관련된 방대한 자료원인 모질라 개발자 네트워크(Mozilla Developer Network, https://developer.mozilla.org/)에서 기술 선도자의 경험과 실험의 결과에서 우러나온 참신하고도 소중한 자료를 많이 얻을 수 있었다. 코드 예제에 사용된 다양한 텍스트는 오픈 북 서비스를 운영하는 구텐베르그 재단(http://www.gutenberg.org/)의 공개 자료에서 가져왔다. 또한 이 책에 사용된 이미지 가운데 내가 직접 작성하지 않은 이미지는 해당 부분에 작성자의 이름과 출처를 표시했다.
    ★ 옮긴이의 말 ★
    소셜과 모바일 시대를 맞아, 디자이너로서, 혹은 UI 개발자로서 익혀야 할 내용이 끝 없이 쏟아지고 있습니다. 스타일을 담당하는 CSS3는 객체지향적인 스타일 정의 기법과 Sass 같은 익스텐션, 그리고 이를 구현하기 위한 Compass 등의 프레임워크를 적극 도입하는 분위기입니다.
    또, 지난 몇 년간 애플리케이션 중심의 프로그래밍 작업이 대중화 되면서 CSS3 역시 독자적인 스타일 정의 기법보다는 HTML5 API, 자바스크립트 프레임워크와 연결해서 DOM 요소를 직접 조작하거나, 스타일 요소를 동적으로 바인딩 하는 등, 프로그래밍에 가까운 스타일 정의 기법이 널리 사용되고 있습니다.
    이러한 상황에서, CSS3를 실무적으로 활용하려면 스타일 정의 전반에 대한 내용과 특정한 시각 효과를 구현하기 위한 세부 내용을 꽤 상세히 알고 있어야 합니다. 사용자 문맥과 감정을 고려

    추천글

    오랜 기간 동안 인터넷 산업에 종사해온 사람들에게 CSS3는 큰 화젯거리였다. 지난 2006년 나는 CSS3.info를 시작했는데, 피터는 여기서 표준안의 개발과 이것이 브라우저에서 실제로 어떻게 보이는지에 대해 글을 쓰기 시작했다. CSS3.info 사이트를 운영하면서, 그 누구보다도 열정적으로 CSS3에 대해 실험하고 글을 쓰는 피터의 모습을 충분히 볼 수 있었기에, 이 책에 대한 추천사를 다른 사람이 아닌 내가 쓰는 건 어쩌면 당연한 일이 아닐까 생각한다.


    CSS3는 마침내 주류의 대열에 들어섰다. 신세대 브라우저(파이어폭스 4, 구글 크롬, 인터넷 익스플로러 9 등)의 등장과 함께 웹 디자인 커뮤니티에 속한 우리 같은 사람들이 오랜 기다림에 대한 보상을 받게 된 것이다. 이제는 CSS3의 강력함과 유연성에 힘입어 다양한 브라우저에서 미디어 쿼리를 이용할 수 있고, 이전보다 똑똑해진 배경 이미지를 사용할 수 있으며, 웹 폰트 역시 손쉽게 적용할 수 있다.


    곧 CSS3를 사용할 개발자에게 이 책은 최고의 교본이 될 것이라 생각한다. 이 책을 통해 여러분은 어떤 기능이 작동하는지, 또 어떤 기능이 구현되지 않는지를 알 수 있고, 명세서의 크고 작은 모든 수정사항도 확인할 수 있다. 특히 이 책을 통해 여타 자료에서는 접하기 어려운 CSS3의 전환 효과와 2D, 3D 변환에 대해서도 자세히 살펴볼 수 있다.


    이 책에서도 소개하고 있는 매트릭스 함수 같은 내용은 누구나 쉽게 이해할 수 있는 내용은 아니지만, 피터는 복잡한 매트릭스 함수를 대신해서 이해하기 쉽고 사용하기도 훨씬 간편한 CSS3의 함수를 소개하고 이를 활용할 수 있는 예제까지 상세히 소개하고 있으니, 이는 대단한 업적이라 할 만하다.


    CSS3는 웹 디자이너의 작업을 지원하기 위해 항상 새로운 제안을 받아들이고, 그 영역을 확장하고 있는 프리젠테이션 문서의 표준이다. 디자이너의 한 사람으로서, 나 역시 CSS3가 앞으로 어떤 새로운 기회를 가져다 줄지 기대가 크다. 하지만 지금은 무엇보다도 이 책을 통해 CSS3에 숨겨진 값진 보물을 찾아 나설 때다.


    - 주스트 드 바크(Joost de Valk) / Yoast.com의 창업자, 대표이사


    저자 소개

    피터 개스통
    • 구분 : 저서
    • 국적 : 기타
    • 분류 : 과학/공학 저자
    • 인기지수 : 2
    최근저서

    닷컴 거품이 일던 시기에 웹에 뛰어들어 지난 11년 동안 전문적인 웹 개발자로 활동해왔다. 그간 오렌지(Orange), 스카이프(Skype), 시스코 시스템스(Cisco Systems)와, 팬이기도 한 아스날(Arsenal) 축구팀 등의 고객을 위해 에이전시와 기업의 일원으로, 혹은 프리랜서로 프로젝트에 참여했다. 지금은 런던의 쇼어디치에 있는 포크(Poke) 디지털 에이전시에서 일한다.

    주로 HTML, CSS, 자바스크립트를 이용해 사용자 측 개발을 전문적으로 수행하며, 웹 표준과 시맨틱 마크업에 대해 해박한 지식을 갖고 있다. 자신의 블로그 http://www.broken-links.com/에 웹 기술 관련 글을 쓰고 있는 피터 개스통은 오랜 기간 http://www.css3.info/에 글을 기고해왔으며, Dev.Opera와 영국판 닷넷 매거진(미국에서는 실용적인 웹 디자인으로 유명)에서도 집필진으로 활동했다. 런던의 웹 개발자 커뮤니티 회합과 다른 공공 행사에서 연사로 참여했으며, 미래엔 좀 더 많은 기고와 강연을 할 계획이다.

    브리스톨에서 태어났지만 런던에서 16년을 살았고, 최근 7년간은 그의 아내 애나와 함께하고 있다. 독서를 좋아해서 순수 문학 작품과 역사는 물론, 심리학 서적까지 즐겨 읽으며 독립 만화와 독립 영화의 열렬한 팬이기도 하다.

    역자 소개

    동준상
    • 국적 : 대한민국
    • 분류 : 과학/공학 저자 , 기타
    • 인기지수 : 85
    최근저서

    넥스트플랫폼 대표이자 ICT 컨설턴트로 서비스 기획, UX 표준화 프로젝트에 참여해왔다. AWS 테크놀로지 파트너로 클라우드 기반 서비스와 데이터 분석 애플리케이션을 개발한다. 삼성전자, 한국생산성본부, KT, 신한은행, 국민은행, 신세계 등에서 현대 ICT 서비스 기획론, UX 리서치 전략, SPRINT 방법론을 강의하고 관련 교재를 집필했다. 한국콘텐츠진흥원, 한국생산성본부, 부산정보진흥원의 기술 심사위원 및 멘토로 활동 중이다.
    번역서로는 에이콘출판사에서 펴낸 『jQuery UI 1.8 한국어판』(2012), 『The iOS 5 Developer’s Cookbook (Third Edition) 한국어판』(2012), 『The Core iOS 6 Developer’s Cookbook (Fourth Edition) 한국어판』(2013), 『The Advanced iOS 6 Developer’s Cookbook (Fourth Edition) 한국어판』(2013), 『The Book of CSS3』(2014), 『Swift로 하는 iOS 프로그래밍』(2015), 『머신러닝 인 자바』(2016), 『스위프트 데이터 구조와 알고리즘』(2017) 등이 있다.

    목차

    목차
    1장 CSS3 소개
    __CSS3란 무엇이며, 어떻게 지금의 모습을 갖추게 됐는가
    ____CSS3의 간략한 역사
    ____CSS3는 모듈 형식이다
    ____모듈별 진행 상황과 추천 절차
    ____CSS3는 HTML5가 아니다
    __시작하기: CSS의 문법 소개
    ____브라우저 지정 접두사
    ____실험적이면서 미래까지 대비하는 CSS
    __시작하기
    2장 미디어 쿼리
    __문법
    __미디어 쿼리의 장점
    __미디어 피처
    ____가로와 세로 길이
    ____기기의 가로, 세로 길이
    ____개발 실무에서 미디어 쿼리의 사용
    ____기기 회전
    ____화면 비율
    ____픽셀 비율
    ____다중 미디어 피처
    ____모질라만을 위한 미디어 피처
    ____정리
    ____미디어 쿼리: 브라우저 지원 현황
    3장 선택자
    __속성 선택자
    __CSS3의 새로운 속성 선택자
    ____시작 하위문자열 속성 값 선택자
    ____마지막 하위문자열 속성 값 선택자
    ____임의 하위문자열 속성 값 선택자
    ____다중 속성 선택자
    __범용 형제 요소 결합 선택자
    __정리
    __선택자: 브라우저 지원 현황
    4장 모조 클래스와 모조 요소
    __구조적인 모조 클래스
    ____nth-* 모조 클래스
    ____first-of-type, last-child, last-of-type
    ____only-child와 only-of-type
    __그 밖의 모조 클래스
    ____target
    ____empty
    ____root
    ____not
    ____UI 요소의 상태 선택자
    __모조 요소
    ____selection 모조 요소
    __정리
    __DOM과 속성 선택자: 브라우저 지원 현황
    5장 웹 폰트
    __@font-face 규칙
    ____다른 폰트 정의하기
    ____실제 폰트 페이스와 인공적인 폰트 페이스
    __구형 브라우저에서도 통하는 @font-face 문법
    ____로컬 폰트의 사용
    ____폰트 포맷
    ____마지막 방탄 문법
    ____폰트스프링 방탄 문법
    __웹 폰트 사용 라이선스
    __그 밖의 폰트 속성
    ____font-size-adjust
    ____font-stretch
    __실무에서 사용되는 웹 폰트 사례
    __오픈타입의 특징
    __정리
    __웹 폰트: 브라우저 지원 현황
    6장 텍스트 효과와 타이포그래피 스타일
    __좌표축과 좌표계에 대한 이해
    __텍스트에 외곽선 추가하기: text-outline과 text-stroke
    __그 밖의 텍스트 속성
    ____글자 넘침 제한하기
    ____요소의 크기 조절
    ____텍스트 정렬
    ____텍스트 감싸기
    ____텍스트 렌더링 옵션 설정
    ____구두점 속성 적용
    __입체적인 효과 적용: text-shadow
    ____다중 음영 효과
    ____레터프레스 효과
    __정리
    __텍스트 효과: 브라우저 지원 현황
    7장 다중 칼럼
    __칼럼 간격(종대간격)과 칼럼 기둥(단주)
    __칼럼 레이아웃 방법
    ____칼럼 수 지정 방식: column-count
    ____동적인 칼럼 지정 방식: column-width
    ____가독성을 높이기 위한 전략
    ____파이어폭스와 웹킷에 적용되는 각기 다른 분배 방식
    ____column-count와 column-width의 연결
    __칼럼에 이미지 등의 요소 담기
    ____여러 개의 칼럼에 걸쳐 나타나는 요소
    ____여러 개의 칼럼에 걸쳐 있는 요소 분리하기
    __정리
    __다중 칼럼: 브라우저 지원 현황
    8장 배경 이미지와 기타 장식적인 속성
    __배경 이미지
    ____다중 배경 이미지
    ____배경 이미지의 크기
    ____배경 클립과 배경 원점
    ____background-repeat
    ____배경 이미지 자르기
    __배경 이미지: 브라우저 지원 현황
    __이미지 마스크
    __정리
    __배경 이미지: 브라우저 지원 현황
    9장 외곽선과 박스 효과
    __외곽선 모서리를 둥글게 만들기
    ____border-radius의 축약형 문법
    ____크로스 브라우저 환경에서 나타나는 구현 결과의 차이
    __외곽선에 이미지 적용하기
    __다중 색상 외곽선
    __박스 요소에 그림자 추가하기
    __정리
    __외곽선과 박스 효과: 브라우저 지원 현황
    10장 색상과 투명도
    __opacity 속성을 이용한 투명도 설정
    __새로이 추가된 색상 값
    ____알파 채널
    ____색상, 채도, 명도
    ____HSLA
    ____색상 변수: currentColor
    __운영체제의 스타일에 어울리게 만들기
    __정리
    __색상과 투명도: 브라우저 지원 현황
    11장 계조 색상
    __선형 계조 색상
    ____파이어폭스의 선형 계조 색상
    ____웹킷의 선형 계조 색상
    ____선형 계조 색상 사용
    ____color-stop 값 추가
    __원형 계조 색상
    ____파이어폭스의 원형 계조 색상 구현
    ____웹킷의 원형 계조 색상 구현
    ____원형 계조 색상 사용
    ____다중 color-stop 적용
    ____계조 구현에 있어 웹킷 문법의 장점
    __다중 계조 색상
    __파이어폭스의 계조 색상 반복 효과
    ____선형 계조 색상 반복
    ____원형 계조 색상 반복
    __정리
    __계조 색상: 브라우저 지원 현황
    12장 2D 변환
    __변환 속성
    __회전
    ____문서 흐름에서의 위치
    ____변환의 원점: transform-origin 속성
    __위치 이동
    __기울기 조절
    __크기 조절
    __다중 변환
    __매트릭스를 이용한 요소의 변환
    __웹킷의 반사 효과 구현
    __정리
    __2D 변환 효과: 브라우저 지원 현황
    13장 전환 효과와 애니메이션
    __전환 효과
    ____전환 속성
    ____전환 기간
    ____시간 함수
    ____지연 속성
    ____축약형 문법
    ____완성된 전환 효과의 예제 코드
    ____다중 전환 효과
    ____전환 효과를 발생시키는 이벤트
    __좀 더 복잡한 애니메이션의 구현
    ____키 프레임
    ____애니메이션 속성
    ____완성된 애니메이션 예제
    ____다중 애니메이션
    __정리
    __전환 효과와 애니메이션: 브라우저 지원 현황
    14장 3D 변환
    __CSS에서의 3D 요소
    __변환 스타일 속성
    __변환 원점
    __변환 함수
    ____좌표축 중심의 회전
    ____좌표축 중심의 이동
    ____크기 조절
    ____변환 매트릭스
    ____3차원 관찰 시점
    __관찰 시점과 관찰 시점의 원점 속성
    __후면 보이기와 감추기
    __정리
    __3차원 변환: 브라우저 지원 현황
    15장 유동 박스 레이아웃
    __유동 박스 레이아웃 호출
    ____파이어폭스에서의 box 값
    ____인라인 박스
    __박스 요소에 유동성 적용하기
    ____차등 비례
    ____box-flex: 0의 의미와 파이어폭스의 레이아웃
    __유동적인 박스 요소의 그룹화
    __상하, 좌우 방향의 변경
    __유동적인 박스의 순서 변경
    ____순서 역전
    ____좀 더 세밀한 순서 조정
    __요소의 정렬
    __동일한 축에서 요소의 정렬
    __크로스 브라우저 환경에서 자바스크립트로 유동 박스 구현
    __여러 개의 행과 열
    __글을 마칠 즈음 발표된 새로운 문법
    __정리
    __유동 박스 레이아웃: 브라우저 지원 현황
    16장 템플릿 레이아웃
    __자바스크립트 설정
    __position과 display 속성을 사용해 행 만들기
    __여러 개의 행
    __슬롯과 ::slot() 모조 요소
    __빈 슬롯 만들기
    __행과 열의 높이와 폭 설정
    ____가로 길이를 나타내는 키워드 값
    ____행의 높이와 열의 폭을 한 번에 설정하기
    __기본 설정 컨텐트: @ 기호
    __정리
    __템플릿 레이아웃: 브라우저 지원 현황
    17장 CSS의 미래
    __수학 연산
    ____계산 함수
    ____사이클
    __그리드 위치 설정 모듈
    ____암시적 그리드와 명시적 그리드
    ____그리드의 단위(gr)
    ____float 속성의 확장
    __이미지 활용을 위한 기능의 확장
    ____이미지 누락의 대비
    ____이미지 분할
    ____이미지 스프라이트
    __그룹 선택자
    __CSS의 상수와 변수
    __웹킷 CSS의 확장
    ____CSS 변수
    ____mix

    머리말

    ★ 저자 서문 ★

    이 책은 지난 5년간 웹과 인쇄 분야의 CSS3에 대해 쓴 글을 모은 결과물이다. 브라우저와 CSS를 둘러싼 환경은 단기간에 많은 변화를 겪었고, 미처 따라가기 힘들 정도로 많은 기능과 구현 기법이 지속적으로 등장하고 있다. CSS3 명세서는 최종 사용자가 아닌 브라우저 제작사 같은 구현 담당자를 우선적으로 고려해서 함축적인 기술 언어로 작성됐기 때문에 일상적인 참고용 자료로 사용하기에 어려움이 있었다. 그래서 나는 이 책을 쓰면서 명세서와 웹 개발자 사이의 간격을 좁혀보겠다는 의지를 다졌다.

    이 책의 초반부는 많은 브라우저에서 정상적으로 구현되고, 일상적으로 활용할 수 있는 CSS 속성을 주로 다뤘고, 책의 중반부로 넘어가면서 다소 실험적이거나 향후 채택될 가능성이 있는 기술을 소개했다. 그리고 마지막 몇 개의 장은 아직 일반적으로 구현되지 않았지만 머지않은 장래에 구현될 속성의 작동 방식에 대해 CSS3 명세서를 풀어서 설명하기도 했다. 책의 내용 가운데 혹시 실수가 있다면, 이는 순전히 나의 이해 부족에 따른 것이다.

    CSS3 명세서 외에도 웹과 관련된 방대한 자료원인 모질라 개발자 네트워크(Mozilla Developer Network, https://developer.mozilla.org/)에서 기술 선도자의 경험과 실험의 결과에서 우러나온 참신하고도 소중한 자료를 많이 얻을 수 있었다. 코드 예제에 사용된 다양한 텍스트는 오픈 북 서비스를 운영하는 구텐베르그 재단(http://www.gutenberg.org/)의 공개 자료에서 가져왔다. 또한 이 책에 사용된 이미지 가운데 내가 직접 작성하지 않은 이미지는 해당 부분에 작성자의 이름과 출처를 표시했다.

     

    ★ 옮긴이의 말 ★

    소셜과 모바일 시대를 맞아, 디자이너로서, 혹은 UI 개발자로서 익혀야 할 내용이 끝 없이 쏟아지고 있습니다. 스타일을 담당하는 CSS3는 객체지향적인 스타일 정의 기법과 Sass 같은 익스텐션, 그리고 이를 구현하기 위한 Compass 등의 프레임워크를 적극 도입하는 분위기입니다.

    또, 지난 몇 년간 애플리케이션 중심의 프로그래밍 작업이 대중화 되면서 CSS3 역시 독자적인 스타일 정의 기법보다는 HTML5 API, 자바스크립트 프레임워크와 연결해서 DOM 요소를 직접 조작하거나, 스타일 요소를 동적으로 바인딩 하는 등, 프로그래밍에 가까운 스타일 정의 기법이 널리 사용되고 있습니다.

    이러한 상황에서, CSS3를 실무적으로 활용하려면 스타일 정의 전반에 대한 내용과 특정한 시각 효과를 구현하기 위한 세부 내용을 꽤 상세히 알고 있어야 합니다. 사용자 문맥과 감정을 고려하고, 콘텐츠 흐름을 반영한 디자인을 하기 위해서는 먼저 CSS3의 세부 요소가 시각적으로 어떤 의미가 있는지 파악해 나갈 필요가 있는 것입니다.

    피터 개스통은 이 책을 통해 현대 웹 디자인에서 강조되는 CSS3의 주요 기법을 상세히 설명하고, 그 모든 시각적인 결과를 낱낱이 보여주고 있습니다.

    모바일 시대와 함께 전성기를 맞은 미디어 쿼리, 스타일 정의의 기초이자 UI 개발의 단서가 될 선택자, 그리고 지칭하기 힘든 대상을 쉽게 가리킬 수 있게 해주는 모조 클래스와 모조 요소는 코드 기반의 웹 디자인을 위한 필수 요소라 할 수 있습니다.

    iOS 7과 안드로이드 킷캣 이후 강조되고 있는 웹 폰트와 동적으로 적용 가능한 텍스트 효과와 타이포그래피 스타일, 웹은 물론, 인쇄 등 다채로운 레이아웃 구성을 위한 다중 칼럼도 소셜과 모바일 콘텐츠 시대에 매우 중요한 요소입니다.

    최근 웹 디자인의 주요 트렌드라고 할 수 있는 패럴랙스(Parallax) 디자인에서 거의 빠짐 없이 사용되는 전환 효과와 애니메이션, 다양한 화면 크기에 대응하기 위한 또 다른 전략인 유동적인 박스 레이아웃, 실험적이지만 외부 프레임워크와의 연결을 통해 유연성을 극대화한 템플릿 레이아웃에 대해서도 상세히 설명합니다.

    책의 종반부에는 상대좌표 중심의 모바일 레이아웃 작업에 유용하게 사용할 수 있는 계산함수, 반복적인 작업을 대신해 줄 사이클, 웹 기반 게임 구현에 적극 사용될 이미지 스프라이트 등 단편적인 검색만으로는 결코 찾을 수 없는 깊이 있는 스타일 정의 기법을 소개합니다.

    CSS3를 실무에 활용할 독자를 위해 꼼꼼히 써 내려간 이 책은 결코 가볍다고 할 수 없는 분량과 내용이지만, 웹 디자이너로서, 그리고 UI 개발자로서 차별화된 경쟁력을 갖추는 데 큰 도움이 되리라 생각합니다.

     

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved