Blog
HTML5 Rocks!
- agosto 26th, 2010
- News
- 0 Comments
Desde hace unos días ya está a disposición de los desarrolladores la página HTML5 Rocks. El objectivo de esta página es proporcionar recursos para todas aquellas personas implicadas en cualquier proyecto web, especialmente de aplicaciones web.
Aquellos que hayan estado desarrollando con HTML/JS/CSS hasta ahora, encontrarán en HTML5 nuevas etiquetas y una serie de nuevas APIs para implementar ciertas funcionalidades que hasta ahora sólo era posible con el uso de librerías externas o extraños hacks en el código. Estas APIs incluyen nuevos métodos para controlar acciones de “soltar y arrastrar", histórico de navegacion, renderizado gráfico (canvas), base de datos en el cliente, nuevos cache para uso offline, geolocalización, y mucho más.
De hecho, en HTML5 rocks se tratan no sólo las tecnologías puramente de HTML5 sino que también CSS3 y otras APIs Javascript que todos los navegadores modernos están soportando actualmente. A todo este grupo de tecnologías también se les refiere esporadicamente como HTML5++.
El primer paso para poner tu aplicación o pagina al día es tan sencillo como simplificar un poco la estructura de tus etiquetas a HTML5. Si antes una página, en su versión mas simple, tenía la siguiente estructura:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">...</style>
</head>
<body>
<!-- body content -->
<script type="text/javascript">...</script>
</body>
</html>
Ahora con HTML5 puedes escribirlo así (sobretodo la primera línia de doctype):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>...</style>
</head>
<body>
<!-- body content -->
<script>...</script>
</body>
</html>
A partir de aquí, échale un vistazo a los recursos disponibles en estas diapositivas para ver cuales podrían ser útiles para tu aplicación. Con el editor de código interactivo puedes experimentar con cada una de las características HTML5 para aprender como utilizar el código necesario en segundos. Para ejemplos mas avanzados que utilizan varias tecnologías a la vez, hay una galería de ejemplos para descargar y aprender del código.
Si además eres de los que aprende mejor con un tutorial paso a paso, hay una serie de 14 tutoriales disponibles que enseñan como empezar a utilizar las tecnologías de HTML5 (o HTML5++), tales como geolocalización, Web Workers o HTML5 video.
Si deseas contribuir con código, demos o sugerencias utiliza el bug tracker o la cuenta de twitter @ChromiumDev. Estaremos encantados de incorporar tus ejemplos.
Ernest Delgado, Developer Programs Engineer de Google Chrome
