http://apirocks.com/html5/html5.html#slide1 html5로 만든 html5 소개 페이지

http://www.scribd.com/doc/30964170/Scribd-in-HTML5 PDF파일을 업로드하면 웹에서 플래시로 보여주던 사이트인데, html5로 전환을 했습니다. 그 이유를 소개하는 페이지인데, 이것도 html5입니다.

http://sungmooncho.com/2010/06/04/html5/ HTML5가 바꿔가는 애플리케이션 세상

http://dreamgoer.net/174 오프라인 지원, Web Storage, Drag & Drop 등의 새로운 API에 대한 소개입니다.

http://code.google.com/p/pywebsocket/ WebSocket이라는 새로운 API를 사용하려면 서버에서 이를 지원해야 하는데 파이썬으로 구현한 아파치 웹 서버 모듈입니다. Web Socket을 사용해서 일본어 루비를 처리하는 예는 http://bloga.jp/koma/ws/pipelinetest.html 에 있습니다.

http://my.opera.com/core/blog/2010/03/03/everything-you-need-to-know-about-html5-video-and-audio-2 오디오와 비디오에 대한 이야기인데, 

<video controls>
 <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
 <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 video not supported
</video>

처럼 type으로 비디오와 오디오 코덱을 명시해 줄 수 있습니다.

http://mrdoob.com/ html5 canvas로 만든 다양한 예가 있습니다. 다 재밌지 그 중에서도만 http://mrdoob.com/projects/chromeexperiments/google_gravity/ 요게 특히 재밌네요.

http://www.miceseoul.com/ 우리나라 최초 html5 사이트라는데(확인은 안해봤어요), html5에서 생긴 header, section, nav 같은 태그를 사용해서 레이아웃을 만들었습니다. 태그에 대해 살펴볼 때 좋은 것 같습니다.

http://alteredqualia.com/canvasmol/ 화학구조를 html5로 나타낸 사이트인데, 마우스로 움직일 수도 있고 움직이는 화학구조 밑에 있는 버튼(X Y Z Atoms Bonds B-width B-gradient A-color PNG)으로 여러가지 효과도 볼 수 있습니다.

http://mugtug.com/ 포토샵을 흉내낸 사이트인데, lightroom을 따라한 darkroom도 생겼네요.

http://www.html5test.com/ 웹브라우저가 html5를 얼마나 지원하는지 점수를 매겨주는 사이트입니다.