HTML5 Rocks

HTML5 Rocks

HTML5 특징

너트 & 볼트

지금 사람들은 HTML5을 웹 플랫폼의 놀라운 구현을 설명하는 단어로 여기고 있습니다. 웹 플랫폼은 하루가 다르게 더 강력해지는 플랫폼이고 많은 사람들이 이미 화려한 API들(css3, audio/video, WebGL, offline, geolocation,…)에 대해서 알고 있지만, 여러분이 알아야만 하는 잘 알려지지 않은 기능들이 제법 있습니다. 우리는 그런 것들을 현대적인 웹 애플리케이션을 만들기 위한 '너트와 볼트'라 부릅니다.

새로 나온 문서

A platform that works for you, not against you

웹 앱을 개발하는 것이 괴로우신가요? 다행스럽게도 깔끔한 포크(fork)들이 근본적인 (핵심) 플랫폼을 개선하여 우리를 편하게 만들고 있습니다. 이러한 개선점들이 ECMAScript(자바스크립트 언어에도)에 추가되었으며 XMLHttpRequest<input type="file">과 같은 오래된 DOM까지도 상호작용할 수 있는 방법을 포함하고 있습니다. 여기 몇 가지를 살펴봅시다. . :

이러한 추가 요소들은 앱을 보다 쉽게 작성할 수 있게 하고 브라우저에서 해야하는 작업을 없앴으며 용량을 감소시킵니다. (예를 들어 같은 동작을 수행하는 라이브러리에 대한 요구를 제거하는 등의).

스마트한 API를 통해 더 스마트한 앱을 작성할 수 있습니다.

API를 포함한 플랫폼은 어플리케이션에서 어떤 일이 일어나는지를 더 잘 이해할 수 있게 할 것입니다. 이러한 API들은 앱에서 배터리나 CPU를 절약하고 보다 훌륭한 사용자 경험을 제공하기 위한 스마트한 선택을 할 수 있게 만들어줍니다.

데모

Mozilla Hacks: Context menu demo
HTML5 Demos: Audio Synthesis with Typed Arrays
HTML5 Wow & How: window.requestAnimationFrame()
Sam Dutton's Page Visibility API demo
HTML5 Demos: online/offline events
Infinite Scroll using the History API

참고자료