2009-10-26 9 views
5

HTML 5은 HTML에 대한 새로운 W3C 정의이며 사람들이 다음 킬러 애플 리케이션을 찾을 때 인터넷이가는 방향을 나타내는 것으로 보입니다.HTML 5 - 음흉스런 것들

<video> 태그와 같이 공개 된 '공개'코딩 기능이 있지만 지금까지 중요성, 유용성, 흥미로운 점 등 모든 저레벨 코딩 트릭이 궁금합니다.

몇 가지 예는 내가 지금까지 건너했습니다 : 데이터 전송을 제어

드래그 앤 드롭 이벤트 - 예 :

document.addEventListener("dragstart", function(event) 
{ 
    event.dataTransfer.setData("image/png", slides.imageRep()); 
    event.dataTransfer.setData("slides", slides.serializedRep()); 
    // etc. 
}, false) 

2 차원 및 3 차원 그래픽을 <canvas> 요소의 확장을 통해

상황 인식 HTML 블록

(보너스 등 -을 떠올리게 - <applet><marquee> 태그의 obselecense!) 표의 문자

나는이 있는지 확실하지 않습니다에 대한

<ruby> 태그 새로운 태그이지만 <progress> 태그 - 동적으로 업데이트 할 수있는 이러한 태그는 웹을 더 풍부한 경험으로 만들어줍니다.

누구나 이것들을 가지고 놀았고 그 중 흥미로운 예를 발견했습니다. 일부 데모 코드는 아마도?

+0

이 질문을 "커뮤니티 위키"로 만드십시오. 너는 결국 대답을 받아 들일 계획이 아니지, 그렇지? – innaM

+0

물론 확실한 답변이 있다면 확실하지만 그렇지 않으면 위키라고 생각하십니까? –

+0

위키로 변경됨 –

답변

2

은 약 페이지에서 Chrome Experiments

에 좋은 샘플이 있습니다

이 실험은 HTML5 캔버스 포함한 최신 개방형 표준을 사용하여 주위 세계에서 디자이너와 프로그래머에 의해 만들어진 , SVG 등

1

체크 아웃 Bespin, fr om Mozilla Labs - Canvas를 사용하여 JavaScript로 작성된 코드 편집기입니다.

또한 "샘플"자체가 아닐 수도 있지만 Mozilla 개발자 센터의 Canvas Tutorial<canvas /> 요소에 대해 아주 잘 설명합니다.