웹디자이너를 위한 HTML5(아름다운 웹사이트 만들기 시리즈 1)(개정판)

이 책은 탄탄한 디자인 원칙을 기반으로 만들어졌고, 최근 가장 핫한 기술로 쓰이는 반응형 디자인과 개발의 선두를 목표로 다듬어져 있다. 또한 접근성과 콘텐츠 중심의 웹 표준에 입각하여 웹디자이너와 개발자들의 의문과 오류를 해결해준다. 그렇기 때문에 디자이너, 개발자 모두는 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 유효성 검증 참여하기 HTML5의 미래 RESOURCES REFERENCES INDEX