웹디자이너를 위한 HTML5 (개정판)/제레미 키스.레이철 앤드루 지음, 김중철.이시온 옮김/웹액츄얼리코리아

웹디자이너를 위한 HTML5 (개정판)

제레미 키스.레이철 앤드루 지음, 김중철.이시온 옮김 / 웹액츄얼리코리아 / 2016년 08월 / ISBN:9791185885070
정가: 17,000원 / 판매가: 15,300원 / 마일리지: 850원
이벤트: 원피스 굿즈 & 틴코스터.미니 북 틴케이스 증정!

아름다운 웹사이트 만들기 시리즈 1권. 이 책은 탄탄한 디자인 원칙을 기반으로 만들어졌고, 최근 핫한 기술로 쓰이는 반응형 디자인과 개발의 선두를 목표로 다듬어져 있다. 또한 접근성과 콘텐츠 중심의 웹 표준에 입각하여 웹디자이너와 개발자들의 의문과 오류를 해결해준다. 또한 서로를 좀 더 이해할 수 있는 계기가 되어, HTML5가 남겨준 ‘문법에서 정해주지 않은 문제는 스스로, 팀과 개인의 몫으로’라는 퀘스트를 함께 풀어나갈 큰 원동력을 얻게 될 것이다.

이 책은 웹 산업에 뛰어든 지 얼마 안 된 혹은 목표로 삼고 있는 새내기들과 웹 산업의 풍파로 망망대해를 떠도느라 한 번도 ‘왜?’ 질문을 스스로 던져 보지 못했던 이들에게는 HTML5가 무엇인지, 왜 HTML5를 사용해야 하는지를 알려줌과 동시에 앞으로 헤쳐나가야 할 웹 산업이라는 태풍 속에서도 흔들리지 않을 단단한 뿌리를 만들 수 있도록 해줄 것이다.

1장. 마크업 언어의 간략한 역사

IETF에서 W3C로 : HTML4까지의 여정

XHTML 1 : XML로서의 HTML

XHTML 2 : 우리 이거 안 쓸래요!

분열 : WHATWG의 출현

WEB APPS 1.0에서 HTML5로

재통합

XHTML은 죽었다 : XHTML 문법이여 영원하라!

HTML5 연표

2장. HTML5의 설계

설계 원칙

현실감 유지하기

오류 처리

간단명료한 DOCTYPE

단순함 유지

문법 : 마음대로 만드세요

우리는 그런 언어는 사용하지 않습니다

– 잘 가요, 그 동안 즐거웠어요.

낯섦과 마주하기 : 변화!

– 강화된 a 요소

– 고쳐서 더 나빠진 cite

빛나는 새 장난감 : 자바스크립트 API

3장. 리치 미디어

반응형 이미지

– picture 요소

– srcset과 sizes 속성

캔버스

– 갖고 놀기 : 코드로 그림 그리기

– Canvas? 대체 어디에 쓰라는 거야?

– 접근 거부

– 똑똑한 캔버스

오디오

– 통제불능

– 버퍼링

– 여러 상황에 대처하기

– 대체 콘텐츠Fallback content

– 웹 접근성 향상

비디오

– 자체 지원을 향하여

– WebVTT로 자막 만들기

4장. WEB FORMS 2.0

PLACEHOLDER

AUTOFOCUS

REQUIRED

AUTOCOMPLETE

DATALIST

INPUT TYPES

– 검색

– 상세 연락처

– 슬라이더

– 스피너

– 날짜와 시간

– 색상 선택기

– 테스트

– 직접 만들기

미래 전망

5장. HTML 의미론

확장성

– 마이크로포맷과 마이크로데이터

– 가열되는 논쟁

새로운 마크업 요소

– mark

– time

– meter

– progress

구조

– section

– header

– footer

– aside

– nav

– article

– div 증후군에 대한 치료약?

콘텐츠 모델

– 섹션화 콘텐츠

– 개요 알고리즘

– 섹션화 루트

– 이식성

– 영역별 스타일

6장. 지금 HTML5를 사용하려면

여러분만의 전략을 세우세요.

새로운 시맨틱 요소

– 기능 탐지

– HTML5의 구조와 제목

– 반응형 이미지

HTML5의 input 요소

ARIA

유효성 검증

참여하기

…