이 책은 다양한 실무 경험과 집필 경험으로 무장한 웹 디자이너 어비가 모바일 보일러플레이트라는 템플릿을 자세히 분석하여 소개한다. 그리고 모바일 보일러플레이트를 국내 웹 환경에 맞게 수정하는 방법을 제시한다. 또한 실제 포털 서비스에 모바일 보일러플레이트를 적용한 경험을 바탕으로 실제 포털 사이트 웹 페이지와 유사한 예제를 중심으로 웹 퍼블리셔라면 누구나 실무에 바로 적용할 수 있는 모바일 웹 페이지 제작 노하우를 알려준다.

1980년 9월 25일 서울 출생. 화곡고등학교, 순천향대학교를 졸업하고 국민대학교 디자인대학원 시각디자인 석사 과정을 수료했다. 2005년 서울시 그랜드서울 그래픽 공모전 동상, 2006년 마이크로소프트 윈도우즈XP 공모전 동상, 2006년 KTF 고구려포토 공모전 대상, 2007년 어도비 CS3 크리에이티브쇼 컨테스트 동상을 수상했다. SK 커뮤니케이션즈 소속이다.

1장. 모바일 보일러플레이트 소개
__1.1 모바일 보일러플레이트란?
__1.2 모바일 보일러플레이트의 주요 특징
____1.2.1 Zepto.js 라이브러리
____1.2.2 Modernizr 라이브러리
__1.3 모바일 보일러플레이트 다운로드
__1.4 모바일 보일러플레이트의 장단점

2장. 모바일 보일러플레이트 분석
__2.1 모바일 보일러플레이트 구조
____2.1.1 루트 디렉터리 구조
____2.1.2 추가 디렉터리 구조
__2.2 index.html 분석
__2.3 normalize.css 분석
____2.3.1 HTML5 요소 관련 설정
____2.3.2 기본 요소 관련 설정
____2.3.3 하이퍼링크 요소 관련 설정
____2.3.4 텍스트 요소 관련 설정
__2.4 main.css 분석
____2.4.1 모바일 보일러플레이트 고유 설정
____2.4.2 미디어 쿼리 관련 설정
__2.5 plugins.js 분석

3장. 국내 환경에 맞게 수정한 모바일 보일러플레이트 템플릿
__3.1 수정한 모바일 보일러플레이트 구조
__3.2 index.html의 변경점
__3.3 normalize.css의 변경점
____3.3.1 자주 사용하지 않는 normalize.css 코드의 예
____3.3.2 새롭게 추가하거나 수정한 부분
__3.4 main.css의 변경점

4장. 예제 웹 페이지 만들기
__4.1 웹 페이지 디자인 구성 노하우
__4.2 예제 모바일 웹 페이지 살펴보기
__4.3 레이아웃 구조 완성하기
____4.3.1 HTML 마크업
____4.3.2 CSS 코딩
__4.4 header 영역 만들기
____4.4.1 HTML 마크업
____4.4.2 CSS 코딩
__4.5 article 영역 만들기
____4.5.1 promotion 영역
____4.5.2 news_area 영역
____4.5.3 목록 플리킹
____4.5.4 last_list 영역
__4.6 footer 영역 만들기
____4.6.1 HTML 마크업
____4.6.2 CSS 코딩
__4.7 크로스 브라우징 확인

부록. 예제 웹 페이지 소스 코드
__index.html
__css- normalize.css
__css- main.css