본문 바로가기

HTML5 API _ notification • Notifications API •소프트웨어 업데이트 알림, 메신저의 메시지 도착 또는 친구 접속 알림 기능 •데모 : http://dangercove.com/html5-notifications/ •http://www.paulund.co.uk/playground/demo/html5-notification-api/ •http://www.jquery4u.com/demos/html5desktopalerts/ 더보기
HTML5 API-drag & drop event 드래그 드롭 이벤트HTML에서의 끌어 놓기 이벤트드래그가 시작되는 시작자 요소에 의해 전달되는 이벤트는 다음과 같습니다. 이벤트 설명 dragstart 사용자가 드래그 동작을 시작할 때 전달됩니다. 이 이벤트의 핸들러는 필요에 따라 이벤트 객체의 preventDefault() 메서드를 호출함으로써 드래그를 방지할 수 있습니다. 드래그된 데이터를 복사, 링크 또는 이동할 수 있는지 여부를 제어하려면 effectAllowed 속성을 설정합니다. 선택된 텍스트, 이미지 및 링크는 기본 동작에 의해 클립보드에 놓이지만 이벤트 객체의 dataTransfer 속성을 사용하여 드래그 동작에 다른 데이터를 설정할 수 있습니다. drag 드래그 동작 중에 연속적으로 전달됩니다. dragend 사용자가 드래그 동작을 끝내.. 더보기
html5 CSS3 animation @kryframes property 속성들 animation 속성의 하위 속성은 다음과 같습니다.animation-delay엘리먼트가 로드되고 나서 언제 애니메이션이 시작될지 지정합니다.animation-direction애니메이션이 종료되고 다시 처음부터 시작할지 역방향으로 진행할지 지정합니다.animation-duration한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다.animation-iteration-count애니메이션이 몇 번 반복될지 지정합니다. infinite로 지정하여 무한히 반복할 수 있습니다.animation-name이 애니메이션의 중간 상태를 지정합니다. 중간 상태는 @keyframes 규칙을 이용하여 기술합니다.animation-play-state애니메이션을 멈추거나 다시 시작할 수 있습니다.animation-tim.. 더보기