아래는 세미나중 보여드렸던 예시 화면들입니다.
브라우저를 표기는 예시를 보시기 적당한 브라우저입니다.
기본적으로 opera10, safari4.0, firefox3.5를 설치하시고 아래예시를 보시면 됩니다.
오페라 : http://www.opera.com/
사파리 : http://www.apple.com/safari/download/
파이어폭스 : http://www.mozilla.or.kr/ko/
HTML5와 모바일 세미나 예시들
-
1. video 요소 예시(firefox3.5)
http://ko.www.mozilla.com/ko/firefox/3.5.3/firstrun/ -
2. canvas 요소 예시 (safari4.0)
http://www.benjoffe.com/code/demos/canvascape/ -
3. svg 요소 예시(safari4.5)
http://media.liquidx.net/js/plotkit-tests/svg-sweet.html
http://sitepen.com/labs/code/cssDock/
http://www.carto.net/papers/svg/gui/selectionlist/index.svg
http://www.carto.net/papers/svg/navigationTools/index.svg
http://www.carto.net/papers/svg/dock/index.svg
-
4. 향상된 구조적 마크업 관련글 과 예시 그림
http://www.alistapart.com/articles/previewofhtml5/ -
5. 드래그 앤 그롭 예시 (safari4.0)
http://jsbin.com/uzovu -
6. 웹폼2.0예시 (opera10.0)
http://people.opera.com/brucel/demo/html5-forms-demo.html?haha=&shoesize=&email=&url=&dob=&a=0 -
7. 웹폰트 예시 (safari4.0)
http://www.alistapart.com/d/cssatten/nels.html -
8. 라운드와 그림자등 CSS3의 활용 예시 (firefox3.5)
http://lab.thepaper.co.kr/ -
9. CSS3를 이용한 애니메인션 예시 (safari4.0)
http://www.apple.com/safari/welcome/ -
10. 사파리에서 동작하는 3D CSS 예시 (동영상)
http://www.satine.org/archives/2009/07/11/snow-stack-is-here/ -
11. 아이폰 UI (safari4.0)
http://www.joehewitt.com/iui/samples/music.html#_home -
12. 증강현실 (동영상)
http://health20.kr/1035
읽어보시면 도움이 되시는 글들
-
1. HTML5와 HTML4의 차이점
http://channy.creation.net/blog/429 http://channy.creation.net/project/html5/html4-differences/Overview_ko.html -
2. 모바일과 HTML5 - 미래웹포럼 후기
http://blog.creation.net/396 -
3. HTML 5를 개척하는 새로운 웹 ( 1 Google 편)
http://rhio.tistory.com/331
작성 : 2009.09.25 (주)메가존 S.A팀, eulsoo