뭔가를 알아간다는 것은 요리를 하는 것과 비슷하다고 생각한다. 요리방법대로 한다고 해도, 재료에 대해서 낱낱이 연구/조사한다 해도 맛있는 음식을 만들수 있는 것이 아니듯이 HTML5 요소 하나하나를 잘 안다고해도, 웹페이지를 만드는 법을 익혔다고 해서 ‘제대로 된’ 웹페이지를 만들 수 있는 것은 아닌 것과 같다. 요리 재료 상태에 따라서 배합 비율이 달라질수있으며 심지어 지난번과 똑같이 만들었다고 생각해도 맛이 차이가 나지않는가? 이른바 손맛이라는 것도 무시할 수 없다.

마찬가지로 웹페이지를 목적에 맞게 제작하는동안 여러 요인에의해 매뉴얼에 없는 상황을 대처해야한다. 웹개발자는 된장맞을 IE라는 빗장과 브라우저 버전별 호환성이라는 베트콩스런 복병을 상대해야한다. 이들이 개발자에게 입히는 정신적/육체적 데미지는 일본발 방사선과 맞먹을정도여서 서서히 개발자 인내를 바닥까지 시험하며 다량 노출시 웹개발이라는 직업에 대한 환멸을 초래할수도 있다.

경력자란 무엇인가? 바로 그런 빗장과 복병을 상대하며 쌓은 노하우를 가진 사람들 아닌가?!
내공이란 무엇인가? 데미지를 입고도 버틸수있는 힘을 말하는 것이다.

이 책은 HTML5/CSS3 를 사용하여 웹페이지를 만들어가면서 만날 수 있는 상황에 대해서 개발자들이 많은 삽질을 피해갈 수 있는 노하우를 제공한다. 원저자의 경력을 통해 그가 알게된 여러가지 노하우를 알려주고있으며 오직 현업에 종사하는 개발자만이 달수있는 설명을 역자가 첨부함으로써 가격이상의 가치를 가지고 있다고 생각한다.

또한, 원저자가 마크업에 가진 생각이 마음에 든다. 극단적으로 생각하면 이럴수도 있다.

“왜, 올바른 마크업을 제작하는 것에 신경을 써야하는가?“,
“화려하고 유동적인 화면을 만드는 것이 목적이라면 플래쉬가 적격이지 않던가?,
“DIV 떡칠을 하든 TABLE로 성을 쌓던 무슨 상관있는가?”

이런 생각을 바꿔야 하는 이유는 여러가지가 있겠지만 내가 겪은 경험을 토대로 말하자면 “당신 스스로를 위해서 올바른 마크업을 해야한다”고 말하고 싶다:
어느날 춘천행지하철을 탔다. 앞을 볼수없는 세명이 자리가 있음에도 불구하고 아무도 가이드를 해주지않아 서성이고 있을때 그들을 자리에 앉게 하고서 옆에 섰다. 그중 한명이 음악을 들을려고 휴대용 PC를 꺼내들어 부팅을 한다. 겁나 작은 PC,,, 그러나 구린 OS. 부팅이 끝나고 블루투스를 켜서 음악을 찾아가는 과정은 거의 어드벤쳐 영화의 한장면과 같았다. 볼수없는 그들이 자신이 원하는 곡을 찾아가는 방법은 ‘소리’를 의지하는 것인데 이 과정이 너무나 힘든 것이다. 처참한 발음과 수십번의 선택과정을 거쳐 결국 음악 하나를 듣게 되었는데 소요시간은 10분정도 걸린 것 같다. 그 불편함은 보는 내가 대신 찾아주고 싶을 정도였다. 만약, 내가 눈에 문제가 생겨 볼수없으면 어떻게 될것인가? 세상은 이미 거의 대부분의 소통을 인터넷과 웹을 통해 하고있는데, 볼수없다면 ?

자바스크립트가 아무리 멋져보이는 UI와 UX를 경험케한다고해도 올바른 마크업이 필요한 이유를 강조하는 것은 부족함이 없다. 나 역시 자바스크립트에 대한 애착이 남다르지만 나를 포함한 모두를 위한 웹을 위해서는 반드시 올바른 마크업이 필요하다.

올바른 사상을 가진 원저자 덕분에 책 전반에 걸쳐 알게된 노력의 흔적이 감사하다. 역자는 이 책의 번역이 처음이어서 번역투의 문장도 있고 소리나는대로 적은 것이 있지만 문제될만한 수준은 아니다. 오히려 역자의 노하우를 책에 담기위한 노력에 감사한다.

이 책을 왜 추천하는지를 모르겠습니다.

원래 살려는 책이 있었는데 이 책이 하도 추천하는 사람 많아서 사서 보았는데...

전 HTML5를 처음 공부하실 것이라면 이 책 비추천 합니다.

HTML5에 관한 책이 아니라

jQuery에 관한 책이다 싶을만큼... jQuery 비중이 50% 넘는듯 싶네요.

책 제목 바꾸세요

"HTML5에서 사용하는 jQuery "   ... 라구요

HTML5? CSS3? 왜들 난리야? 아직 적용되려면 멀었는데..

2009년 가을, 웹쪽 회사를 들어와 처음 받은 과제가 "HTML5 & CSS3를 조사하고, 사내에 어느정도 적용 가능한지 조사하라" 라는거였습니다.

열심히 준비하고 내린 결론은... PC 웹에 당연스럽게 적용하려면 최소 5년은 걸리지 않을까 였습니다만.. 

모바일 플랫폼을 시작으로 폭팔적인 성장을 하고 있고, 웹 개발 종사자라면 한권씩 가지고 있을법한 기술서적이 되어버렸습니다.

책과 소개 동영상을 통해 HTML5와 CSS3를 사용해 만들어진 Web App을 보고 "WOW"를 연거푸 외치고 뛰어들어보지만, 웹만 놓고 볼때 국내 현실은 특정 브라우저에 집중되어 있는 환경이라 적용이 쉽지가 않습니다.

크롬이다 파이어폭스다 좋다는 브라우저가 있지만 국내에서는 MS의 IE(Internet Explorer) 6,7,8을 쓰는 사용자층이 워낙 두터워서, 책 사들고 실습을 해도 제대로 동작하지 않는 경우가 허다합니다.

HTML5&CSS3는 커녕 (X)HTML4와 CSS2도 스팩에 맞게 구현이 100% 되지 않아, 웹개발자들은 수없이 많은 밤을 fallback 코드로 호환성을 맞추고 있는게 현실입니다. 이런 현실에 "좋긴한데 아직.." 이라는 결론을 내릴지도 모릅니다.

하지만 MS도 뒤늦게 웹 시장의 중요성을 깨달았는지, IE9 부터는 HTML5와 CSS3의 기능을 점차적으로 지원하기 시작했고, 이는 IE6,7,8의 릴리즈 시기와 비교했을때 상당히 발빠른 움직임이라고 할 수 있습니다.

(IE9가 나온지 얼마 안되어 10 Preview가 나왔다죠. -_-;;)

결국 사용자들은 PC를 업그레이드 하게 될것이고 업데이트를 하게 되겠죠.

그럼 책에 있는 코드들이 잘 돌아가고, 웹세상은 조금은 더 나아지지 않을까 합니다.

HTML5&CSS3 책 너무 많은데.. 실무에 쓸만한거 없나?

1. 접근성을 고려한 적용법

HTML5&CSS3를 통해 웹에 첫걸음을 내딛는 분들에게는 좀 어려운 책일지도 모릅니다.

하지만 HTML5와 CSS3의 기능만 알고 코딩을 하는것과 사용자 입장을 고려한 코딩을 하는것은 접근 방법이 전혀 다릅니다.

저자는 책을 통해 HTML5와 CSS3의 특징을 소개하고 접근성을 고려한 적용법을 다루고 있습니다.

2. 브라우저 호환성을 고려한 적용법

HTML5와 CSS3를 지원한다는 브라우저들이 아직은 제각각이라, 책에 소개된 기능을 전부 사용할 수는 없습니다.

이에 저자는 "지원하지 않을 때는..." 라는 섹션을 뒷쪽에 두어 브라우저 호환성을 맞출 수 있는 방법을 소개하고 있습니다. 이 부분은 HTML5와 CSS3를 실무에 사용하고자 하는 독자에게는 분명 가뭄에 단비 같은 정보가 아닐 수 없네요.

저자는 책을 통해 HTML5와 CSS3을 단순 특징 및 예제 그치지 않고, 브라우저 호환성을 고려한 적용법을 다루고 있습니다. 저자의 세심한 노력이 부분이 느껴지네요.

마지막으로.. 책이 컬러판이 아닌점과 예제의 한글화가 완벽하지 않은점(스샷 정도?)이 조금 아쉽네요 :D

HTML에 군살을빼고 플러그인의 의존도를 낮춘 HTML5

기존 HTML과 지원되지 않는 브라우저에 대해서 해결할 방법을 명쾌하게 설명해준 책입니다. 또한 "미래에는" 이란 내용을 통해 나아갈 방향을 제시해주고 있습니다.
짧고 명쾌하지만, 기초지식이 없으면 차짓 흥미를 잃어버릴 수 있을것 같습니다.
기초 지식을 쌓고, 군더더기 없는 웹표준을 만들기 위한 기본을 쌓을 수 있는 정보서라 생각합니다.

최근들어 국내에 갑자기 html5 , css3 관련해 많은 관심이 집중되면서 하루 빨리 기술을 사용하려는
기업들이 늘어나고 있는 추세입니다. 그래서인지 html5, css3 관련 책들이 갑작스럽게 많이 나오고 있습니다.
html5, css3 을 공부 하고자 관련 책들을 구매해서 보면 지금 당장 사용을 어떻게 해야 하는지, 어떤 브라우저에서 지원이 되는지 등의 활용성 보단 spec 소개가 좀 더 큰 비중을 자리 잡고 있지 않나 생각합니다. 그에 비해서 "HTML5 & CSS3" 책은 html5 마크업, css3, API 등 이 책을 보면서 지금 바로 사이트를 만들수 있도록 길을 알려 주는 책이라 생각합니다.

이책을 보면서 가장 인상깊게 본 부분은 "지원되지 않을 때는..." 라는 부분입니다.
기술에 대한 설명과 함께 적용방법을 설명하고 난 뒤 지원이 되지 않는 브라우저에 대한 부분을 함께 설명해줍니다. 실제 사이트를 만들면서 이런 부분들은 검색을 통해서 찾아보고 삽질(?) 하면서 적용해 봐야 알 수 있는 부분이지만 이 책에선 그런 부분을 좀더 신경써서 보여주므로 사이트를 만들다가 지원되지 않는 부분이 있다면 바로바로 찾아서 적용해 볼 수 있습니다. 또 추후에 브라우저에서 해당 기술을 지원하게 되면 다른 문제 없이 Javascript 만 삭제해서 현재 상태는 그대로 유지 할 수 있게 알려주는 점등의 정보가 맘에 드는 책입니다.
 
또 한가지, 5장에서는 "접근성 향상 시키기" 라는 파트를 보고 깜짝 놀랬습니다. 접근성 관련해서 다룬 책은 처음 본 것 같았기 때문입니다.
기술은 발전하고 있지만 '스크린 리더' 라는 프로그램은 최신 기술을 바로 받아 들이지 못한다는 설명과 함께 발생하는 문제 점들에 대해서 접근성을 향상 시킬수 있는 부분을 설명해 주고 있습니다.
사이트를 개발하다 보면 접근성 관련해서 신경쓰지 못하고 작업을 진행하게 되는 경우가 많은데
이런 부분을 짚어줌으로써 이런것이 있는지 조차 모르는 개발자들 접근성에 대해서 인지하게 될수 있고 알고 있는 분들은 다시 한번 생각할 수 있게 해주는 것 같아서 5장은 정말 좋은 정보라고 생각합니다.

아쉬웠던 점이 있다면 jQuery를 기본으로 사용해서 소스를 보여 주고 있다는 점이 jQuery 를 모르는 분들이 보게 되면 어려운 부분이 있지 않을까 싶습니다. 물론 그대로 따라서 하게 되면 사용은 할 수 있다고 생각하지만 저는 소스를 이해하고 사용하는게 좋다고 생각하기 때문에 이 부분은 jQuery를 전혀 모르는 분들에게는 좀 불편한점이 있지 않나 싶습니다.
물론 그런 분들을 위해서 부록B에서는 jQuery 기초를 다루고 있기는 하지만 그것 만으로는 부족한 점이 있다고 보입니다.

저는 html5, css3를 이용해서 현재 프로젝트를 진행중 입니다. 그래서 이 책은 제게 많은 도움이 되고 있습니다. 지금 프로젝트를 진행하려고 하시거나 진행중이신 분이라면 이책을 통해 html5, css3 에는 어떤것들이 있고, 그것을 어떻게 활용할 수 있고 지원이 안될 때의 문제 해결 방법들을 알고 활용해 나가시면서 프로젝트를 진행하신다면 많은 도움이 될 것이라 생각합니다.

이 책을 구매하고자 하는 사람은 우선 HTML와 CSS를 어느정도 능숙하게 사용할줄 알았으면 좋겠다.

초심자가 읽기에는 조금 부담이 될지도 모른다는 생각이 들었기 때문이다.

HTML, CSS, Javascript, jQuery 정도는 능숙하게 사용할줄 알아야 진정으로 도움이 될것 같다. 물론 위에 언급한 언어들을 기본만 알아도 이책을 조금 열심히 읽으면 많은 도움이 될거라 생각된다.

이 책을 읽으면서 제일 처음 생각한 것은... 망할 IE이다...

IE에서 HTML5를 제대로 지원해주지 않기 때문에 (물론 지원안되는 다른 브라우저도 있지만 대표적으로 IE) 폴백을 위해서 자바스크립트와 jQuery를 이용해서 지원되도록 코드를 추가해줘야 하기 때문이다.

물론 책에는 이러한 것들에 대한 내용도 충분히 설명되어 있다.

그리고 HTML5 스펙에서 빠진 웹소켓, 웹SQL DB, GEO Location에 대한 내용들도 후반에 나와 있어서 많은 도움이 된다.

미래를 준비하고, 좀더 나은 웹개발자가 되길 원한다면 읽어보는게 좋을것 같다.