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

제레미키스

저자제레미키스는영국브라이튼에거주하는아일랜드국적의웹개발자입니다.현재Clearleft라는웹컨설팅회사에근무하고있으며《DOMScripting》과《BulletproofAjax》라는두권의책을저술했습니다.그의홈페이지는adactio.com이며,최근에수행한프로젝트는검색한음악을팟캐스트podcast로만들어주는서비스인‘Huffduffer’입니다.

1장.마크업언어의간략한역사
IETF에서W3C로:HTML4까지의여정
XHTML1:XML로서의HTML
XHTML2:우리이거안쓸래요!
분열:WHATWG의출현
WEBAPPS1.0에서HTML5로
재통합
XHTML은죽었다:XHTML문법이여영원하라!
HTML5연표

2장.HTML5의설계
설계원칙
현실감유지하기
오류처리
간단명료한DOCTYPE
단순함유지
문법:마음대로만드세요
우리는그런언어는사용하지않습니다
-잘가요,그동안즐거웠어요.
낯섦과마주하기:변화!
-강화된a요소
-고쳐서더나빠진cite
빛나는새장난감:자바스크립트API

3장.리치미디어
반응형이미지
-picture요소
-srcset과sizes속성
캔버스
-갖고놀기:코드로그림그리기
-Canvas?대체어디에쓰라는거야?
-접근거부
-똑똑한캔버스
오디오
-통제불능
-버퍼링
-여러상황에대처하기
-대체콘텐츠Fallbackcontent
-웹접근성향상
비디오
-자체지원을향하여
-WebVTT로자막만들기

4장.WEBFORMS2.0
PLACEHOLDER
AUTOFOCUS
REQUIRED
AUTOCOMPLETE
DATALIST
INPUTTYPES
-검색
-상세연락처
-슬라이더
-스피너
-날짜와시간
-색상선택기
-테스트
-직접만들기
미래전망

5장.HTML의미론
확장성
-마이크로포맷과마이크로데이터
-가열되는논쟁
새로운마크업요소
-mark
-time
-meter
-progress
구조
-section
-header
-footer
-aside
-nav
-article
-div증후군에대한치료약?
콘텐츠모델
-섹션화콘텐츠
-개요알고리즘
-섹션화루트
-이식성
-영역별스타일

6장.지금HTML5를사용하려면
여러분만의전략을세우세요.
새로운시맨틱요소
-기능탐지
-HTML5의구조와제목
-반응형이미지
HTML5의input요소
ARIA
유효성검증
참여하기
HTML5의미래
RESOURCES
REFERENCES
INDEX

[웹디자이너를위한HTML5]가출간된지5년만에새롭게업데이트되서나왔다.이책은초판때단독저자였던웹개발자이자저술가로알려진제레미키스JeremyKeith와이번에참여한레이철앤드루RachelAndrew의공저로[HTML5FORWEBDESIGNERS,secondedition]을번역한개정판이다.이두저자는우리가웹디자인역사의어떤순간에있는지단한순간도잊지않고,다양한환경의사용자를고려하는일이웹을얼마나풍요롭게하는지이책을통해말하고있다.이책이이렇게강력해질수있었던것은바로이들이가진HTML과사람을배려하는마음에있을것이다.

HTML5는HTML중에서도가장긴스펙을자랑한다.기능은탁월하지만복잡하기도하다.그런이유도한몫하여2011년에웹액츄얼리코리아가이책의초판을발행한이후수많은HTML5도서들이출간되어왔다.상세한기술적인내용들이서술되어있고,보고베끼면당장이라도웹사이트하나가뚝딱하고만들어질것같은예제들로가득차있다.이런책들을보다가이책을접하게되면‘이건?미?이크기에이두께는?HTML5책맞아?’라는의문이들것이다.

그렇다.[웹디자이너를위한HTML5(개정판)]은얇고,작은책이다.하지만,그안에서다른책들에서는찾을수없었던‘왜?’라는근본적인질문에대한답을얻을수있다.지금까지웹액츄얼리코리아에서출간해왔던모든서적들을관통하는,단순히‘기술을위한기술’이아닌‘사람에대한고민을하는기술’이라는큰흐름이살아있기에이책의출간을망설이지않고강행할수있었다.
이질문의중요성은많은사연과굴곡을딛고세상에나온HTML5의설계원칙“충돌이발생할경우,이론적인순수성보다는기술명세를,기술명세보다는구현하는사람을,그리고구현하는사람보다는개발자를,또한개발자보다는사용자를고려하라”는의미의“사용기반우선권”에서다시한번확인된다.

HTML5의압도적인기술명세를앞에둔개발자,디자이너들의대부분은어려운수학문제를풀어야할때와비슷한느낌을받을것이다.사람들이수학을어려워하는가장큰이유는그기본원리에대한충분한이해가부족하기때문이다.기본원리를깨닫게되는순간,어려운수학문제는재미있는퍼즐게임으로변할수도있다.
이책을통해서여러분들은HTML5의그기본원리와기초문법을일목요연하게배울수있을것이다.HTML5가생각하는것보다훨씬간결하고,단순하게설계되어있음을알수있고,그에대한이해를바탕으로여러분이상상할수있는강력하고다양한응용프로그램과웹사이트를만드는데한걸음더나아갈수있을것이다.
이책은탄탄한디자인원칙을기반으로만들어졌고,최근가장핫한기술로쓰이는반응형디자인과개발의선두를목표로다듬어져있다.또한접근성과콘텐츠중심의웹표준에입각하여웹디자이너와개발자들의의문과오류를해결해준다.그렇기때문에디자이너,개발자모두는HTML5를어떻게사용하여어떤기술들과접근법을통하여원하는결과물을만들어낼수있을지배울수있을것이다.또한서로를좀더이해할수있는계기가되어,HTML5가남겨준‘문법에서정해주지않은문제는스스로,팀과개인의몫으로’라는퀘스트를함께풀어나갈큰원동력을얻게될것이다.

이책은웹산업에뛰어든지얼마안된혹은목표로삼고있는새내기들과웹산업의풍파로망망대해를떠도느라한번도‘왜?’질문을스스로던져보지못했던이들에게는HTML5가무엇인지,왜HTML5를사용해야하는지를알려줌과동시에앞으로헤쳐나가야할웹산업이라는태풍속에서도흔들리지않을단단한뿌리를만들수있도록해줄것이다.
이런이유로단언컨대[웹디자이너를위한HTML5(개정판)]은제목과는달리웹디자이너만을위한책이아니라,웹산업에서고군분투하고있는모든이들을위한책이다.

책속으로

1장.마크업언어의간략한역사
명심보감에서이르길“미래를알려거든먼지지나간일을살피라”했습니다.최초의공식적인표준HTML2.0에서시작된HTML의탄생과이어지는분열과혼란,그리고XML의공식적인죽음.그과정들속에서우리가배워야할교훈과HTML5의현재를바라봅니다.

2장.HTML5의설계
“충돌이발생하는경우,이론적인순수성보다는기술명세를,기술명세보다는구현하는사람을,그리고구현하는사람보다는개발자를,또한개발자보다는사용자를고려하라”는“사용자기반우선권”이라는HTML5의설계원칙을가지고,어떻게현실과동떨어지지않게단순함을유지하여설계되어있는지,그리고사라진것들과새로운변화는무엇인지를알아봅니다.

3장.리치미디어
날로늘어가는사용자들의리치미디어에대한요구에부응하여HTML5는리치미디어요소로플러그인의요청없이브라우저에서기본적으로기능을지원하는대안을마련했습니다.반응형이미지,동적인이미지를만드는방법과오디오,비디오를간단하게삽입미디어로만들수있는방법을알아봅니다.

4장.WEBFORMS2.0
HTML5가현재진행형마크업(markup)언어이기에CSS도그에발맞추어자바스크립트방식을선언적인방식으로진화시키고있지만,CSS를이용하여form을향상시키는데에는아무래도한계가있습니다.이에HTML5는새롭게향상된form들을도입하고있습니다.웹사이트에서필수불가결한폼요소들각각을살펴보고,앞으로의전망도함께생각해봅니다.

5장.HTML의미론
윈스턴처칠의명언을인용하면“민주주의는가장나쁜형태의정부이지만그보다나은것을나는아직보지못했다”고했습니다.HTML은최악의마크업언어이지만역시그보다나은것은없다고할수있습니다.이를극복하기위해어떠한방법으로확장성을가질수있는지,그리고새로운마크업요소와구조들,콘텐츠모델에관하여살펴봅니다.

6장.지금HTML5를사용하려면
여러분이HTML5를사용하고자한다면,브라우저지원여부가결정적입니다.이를해결하기위해어떻게전략을세워야하는지,어떤기술과접근법이있는지,유효성검증은어떻게할지와같은현실적인문제를다뤄봅니다.또한HTML5에관한질문과논의에적극적으로참여할수있는멋진곳들도소개됩니다.

펴낸곳소개

웹액츄얼리코리아㈜
2008년설립된워드프레스전문디자인에이전시겸출판사.워드프레스를이용해웹사이트를제작,서비스하고있으며해외웹디자인관련서적을엄선하여번역출판을하고있다.지금까지출간한책으로는모던웹디자인최고의실용서인《스매싱북1,2》와전세계에서사랑받고있는CMS툴인워드프레스의한글판가이드《워드프레스제대로파기》등이있다.특히《워드프레스제대로파기》는국내최초로발간한워드프레스전문도서로실무자들로부터많은사랑을받고있다.이밖에글로벌웹디자인계의또다른리더인ABookApart사의‘아름다운웹사이트만들기시리즈’도번역하여출간하고있다.앞으로도웹디자인업계종사자뿐아니라웹사이트제작에관심있는일반인도볼수있는좋은책을엄선해소개할계획이다.