쪽수
320P
ISBN
9788979149401
브랜드
한빛미디어
필요한 기능만 찾아서 바로 쓰는 HTML5 컨닝 페이퍼
더 이상 원하는 HTML5 기능을 찾으러 웹을 떠돌아다닐 필요가 없다. 시맨틱 마크업(Semantic Markup), 폼(Form), 오디오/비디오(Native Audio/Video) 요소부터 지오로케이션(Geolocation), 자바스크립트(JavaScript) API 관련 기술까지 95가지 다양한 레시피 중 필요한 HTML5 기능을 빠르게 찾아 쓰면 된다.
개발자가 실질적으로 부딪치는 문제와 해결책을 담은 HTML5 문제해답집
HTML5를 구현하며 발생하는 사소한 장애부터 기술적인 어려움까지, 웹/모바일 개발자가 매일 부딪히는 다양한 문제를 단 몇 줄의 간단한 설명과 코드로 오늘 바로 해결한다.
- 벤 헤닉, 『HTML & CSS: The Good Parts』(O"Reilly, 2011) 저자
더 이상 원하는 HTML5 기능을 찾으러 웹을 떠돌아다닐 필요가 없다. 시맨틱 마크업(Semantic Markup), 폼(Form), 오디오/비디오(Native Audio/Video) 요소부터 지오로케이션(Geolocation), 자바스크립트(JavaScript) API 관련 기술까지 95가지 다양한 레시피 중 필요한 HTML5 기능을 빠르게 찾아 쓰면 된다.
개발자가 실질적으로 부딪치는 문제와 해결책을 담은 HTML5 문제해답집
HTML5를 구현하며 발생하는 사소한 장애부터 기술적인 어려움까지, 웹/모바일 개발자가 매일 부딪히는 다양한 문제를 단 몇 줄의 간단한 설명과 코드로 오늘 바로 해결한다.
- HTML5를 지원하지 않는 브라우저에서도 모더나이저(Modernizer)로 구현하기
- 더 간결해진 HTML5 폼(Form) 요소 활용하기
- 네이티브 오디오(Native Audio)와 비디오(Native Video) 구현 노하우
- HTML5에 ARIA 접근성 가이드라인 적용하기
- 지오로케이션 데이터를 웹앱(Web App)에 이용하기
- canvas 요소로 그린 이미지에 투명도와 그레이디언트(Gradient) 적용하고 패턴 추가하기
- 웹 워커(Web Worker), 웹 소켓(Web Socket) 등 고급 HTML5 자바스크립트 기능 활용하기
- 벤 헤닉, 『HTML & CSS: The Good Parts』(O"Reilly, 2011) 저자
목차
01장 기본 문법과 의미
1.0 소개
1.1 DOCTYPE 명시하기
1.2 문자셋 명시하기
1.3 언어 명시하기
1.4 <script>와 <link> 태그 최적화하기
1.5 HTML5의 새 요소로 문서에 구조 추가하기
1.6 article? section?
1.7 문서 개요 점검하기
1.8 문서 개요 수정하기
1.9 텍스트 강조하기
1.10 텍스트의 중요성 표시하기
1.11 참조 목적으로 텍스트 하이라이트하기
1.12 스몰 프린트 마크업
1.13 약어와 두문자어 정의하기
1.14 블록 레벨 콘텐츠에 링크 걸기
1.15 그림과 캡션 마크업
1.16 날짜와 시간 마크업
1.17 브라우저가 지원하는 펼치기와 접기
1.18 목록 순번 조절하기
1.19 나중에 보일 콘텐츠 숨기기
1.20 페이지 일부만 편집하기
1.21 네이티브 드래그 앤 드롭
02장 점진적 마크업과 테크닉
2.0 소개
2.1 더 의미있는 마크업
2.2 마크업 스타일 선택
2.3 브라우저의 HTML5 지원 이해
2.4 IE가 HTML5 요소를 인식하도록 만들기
2.5 자바스크립트를 이용한 HTML5 기능 확인
2.6 HTML5 템플릿 사용
2.7 HTML5 유효성 검사
2.8 HTML5 요소에 ID와 클래스 쓰기
03장 폼
3.0 소개
3.1 search 필드 만들기
3.2 연락처 정보 필드
3.3 날짜와 시간 필드 활용
3.4 숫자 입력
3.5 범위 안에서 숫자 선택
3.6 색상 선택
3.7 콤보박스 만들기
3.8 폼 필드를 필수적인 것으로 만들기
3.9 폼 필드에 자동으로 포커스 주기
3.10 플레이스홀더 텍스트 표시
3.11 자동완성 끄기
3.12 값 제한하기
3.13 HTML5를 오래된 브라우저에서 동작하게 만들기
3.14 자바스크립트를 이용해 오래된 브라우저에서 폼 데이터 검사하기
3.15 예제: 샘플 폼
04장 네이티브 오디오
4.0 소개
4.1 HTML5 오디오
4.2 오디오 흐름 조작하기
4.3 자바스크립트로 audio 생성하기
4.4 canvas 요소를 써서 audio 시각화하기
4.5 샘플 디자인: 커스텀 오디오 플레이어
05장 네이티브 비디오
5.0 소개
5.1 HTML5 비디오
5.2 다양한 브라우저에서 비디오를 지원하도록 만들기
5.3 비디오 크기 설정
5.4 비디오를 재생하기 전에 플레이스홀더 이미지 표시하기
5.5 비디오 반복 재생하기
5.6 샘플 디자인: canvas 요소로 비디오 조작하기
06장 마이크로데이터와 커스텀 데이터
6.0 소개
6.1 마크업에 마이크로데이터 추가
6.2 마이크로데이터와 Schema.org
6.3 마크업에 커스텀 데이터 추가하기
6.4 자바스크립트로 커스텀 데이터에 접근하기
6.5 커스텀 데이터 조작
6.6 예제: 커스텀 데이터를 이용한 지도 애플리케이션 제작
07장 접근성
7.0 소개
7.1 적절한 대체 텍스트 작성하기
7.2 두문자어와 약어 설명하기
7.3 ARIA 표지판 역할로 페이지 섹션 정의하기
7.4 더 접근성 있는 내비게이션 링크 만들기
7.5 폼 필드와 레이블 연결
7.6 폼 필드를 논리적으로 묶기
7.7 필드셋을 동적으로 만들기
7.8 폼 필드를 필수적인 것으로 표시하기
7.9 ARIA 동적 영역을 이용해 동적 콘텐츠가 업데이트되었을 때 알리기
08장 지오로케이션
8.0 소개
8.1 기본적인 지오로케이션 데이터 얻기
8.2 폴백으로 기본적인 지오로케이션 데이터 얻기
8.3 위도와 경도가 있는 주소를 역으로 지오코딩하기
8.4 주소를 위도와 경도로 바꾸기
8.5 현재 위치로부터 특정 주소의 방향 얻기
8.6 예제: 스타벅스에서 스타벅스로
09장 canvas 요소
9.0 소개
9.1 canvas에 그리기
9.2 투명도 이용하기
9.3 canvas 요소의 크기 지정
9.4 그레이디언트와 패턴, 선 스타일
9.5 canvas 그림에 외부 이미지 불러오기
9.6 색상 변형 설정하기
9.7 위치 변형
9.8 canvas 요소에서 텍스트 사용
9.9 canvas 그림 자르기
9.10 canvas 요소의 그림 애니메이트
9.11 canvas 요소로 그래프 그리기
9.12 canvas 그림을 파일로 저장하기
10장 고급 HTML5 자바스크립트
10.0 소개
10.1 로컬 스토리지
10.2 애플리케이션 캐싱
10.3 드래그 앤 드롭
10.4 웹 워커
10.5 웹 소켓
10.6 히스토리
10.7 로컬 파일
리뷰
전체 평점
4.3
추천 도서
오탈자
등록된 오탈자가 없어요
오탈자를 발견하셨다면 작성해주세요.
23,000원
10%
20,700원