HTML5

HTML5 Series: Web Workers (Fundamentos)

HTML5 Series: Web Workers (Fundamentos)

Una de las cosas más interesantes y útiles que vienen con la especificación de HTML5 es el soporte de Web Workers. Estos "trabajadores web" nos ayudarán a desarrollar aplicaciones web más rápidas y usables que en el pasado.

Cómo el tema es un poco amplio, vamos a dividirlo en dos partes. En esta primera parte hablaremos del origen los Web Workers, ¿Cómo llegamos a ellos? y ¿Cuál es su provecho? Para ello vamos a hacer referencia a un artículo publicado por Jakob Nielsen, y explicaremos ¿Qué son la latencia e hilos de ejecución? y Gears, el framework de Google que terminó abriendo las puertas de lo que ahora se conoce como Web Workers...

HTML5 Series: Estructura y secciones de los documentos

doctype_htmlCómo mencionamos en el artículo anterior de esta serie, HTML5 se empezó a trabajar desde el 2004 en un esfuerzo conjunto entre la W3C HTML WG y la WHATWG. El resultado fue la creación de una de las especificaciones que las empresas desarrolladoras de navegadores, cómo Apple, Mozilla, Opera y Microsoft intentan cumplir.

La especificación de HTML5 viene con nuevos elementos que los desarrolladores web pueden usar para describir la estructura de un documento web respetando la semántica estándar. En este artículo vamos a hacer referencia a las secciones de HTML5 y como estructurar un documento...

Adobe Edge, para realizar animaciones con HTML5

Adobe Edge, para realizar animaciones con HTML5

Mucho se habla de que HTML5 será el futuro de la web; pero, en la actualidad, mientras que los desarrolladores de HTML5 siguen trabajando directamente con JavaScript, SVG, CSS y otras tecnologías, los diseñadores Flash disfrutan de un ambiente mucho más rico, con herramientas de dibujo, de manejo de efectos, de animaciones y muchas más. Este es precisamente el hueco que ha encontrado Adobe y que ha cubierto con Edge: Volver fácil el desarrollo con HTML5.

Edge es un programa que Adobe ha lanzado hoy, y que nos permite realizar animaciones con HTML5 de una manera muy sencilla. El programa aún se encuentra en beta y si lo descargamos e instalamos, podremos usarlo en fase de prueba por 152 días...

Convertir Flash a HTML5 con Google Swiffy

Convertir Flash a HTML5 con Google SwiffyFlash es uno de los tipos de contenido que más abundan en la web; pero el problema actual de flash es su falta de soporte en equipos como el iPad, iPhone, etc. Surgiendo como alternativa el estándar HTML5. Ante este problema Google ha liberado la primera versión de Swiffy, un producto de Google Labs, que convierte archivos SWF (Flash) a HTML5.

Con Swiffy, los usuarios sólo necesitarán subir un archivo SWF y Swiffy producirá una versión HTML5 que correrá en los navegadores modernos con amplio soporte de SVG como Google Chrome y Safari...

HTML5 Series: ¿Qué es HTML5? Un poco de historia...

HTML5 Series: ¿Qué es HTML5? Un poco de historia

HTML5, la última versión del Lenguaje de Marcado de Hipertexto (HTML) 5, es la revisión más radical del lenguaje hasta la fecha. Con esta versión se introducen nuevas características en una variedad de áreas. Algunas de las adiciones más notables son:

  • Las etiquetas multimedia para audio y video con soporte a distinto códec.
  • La etiqueta canvas para dibujar contenido en el navegador (2D y 3D) (Recomendado: Cómo dibujar curvas cuadráticas en un Canvas de HTML5)
  • Las etiquetas datagrid, details, menu y command, que permiten manejar grandes conjuntos de datos
  • Formularios más inteligentes que nos permitirán hacer cosas como validación de llenado mediante el uso de atributos requeridos, a través de los nuevos tipos email, number, url, datetime, etc. (Recomendado: Cómo usar campos de voz con HTML5)
  • APIs que permiten Arrastrar y Soltar objetos como imágenes, trabajar Off-Line, utilizar Geoposicionamiento, Almacenamiento persistente con base de datos local, Websockets y más.

Con un nuevo conjunto de etiquetas estructurales, HTML5 actualiza la forma en que los documentos HTML están estructurados. Estas nuevas etiquetas estructurales se enfocan en dividir un documento HTML en partes lógicas, cuyo nombre de etiqueta es descriptivo del tipo de contenido que está destinado a tener. En este artículo, conoceremos un poco más de la historia de HTML5; pues si bien el futuro esta en el navegador (lo dice la imagen), es esencial conocer su pasado para entender el presente e intuir su futuro...

Cómo usar campos de voz con HTML5

Cómo usar campos de voz con HTML5

¿Te da flojera escribir? Pues esto ya no será una excusa para comunicarte, en el futuro podremos dictar directamente al navegador, para que él escriba por nosotros.

Una prueba de esto es el navegador recientemente lanzado Chrome 11 (beta), que tiene la característica de voz activa por defecto. Si estas usando Google Chrome 11 en estos momentos, ingresa a esta página y da clic en el botón del micrófono.

¿Impresionado? Los resultados dependerán de que tan bien manejes el inglés y de lo que estés diciendo. Pero, hay que tener en cuenta, que esto recién empieza. Y que debe su funcionamiento a HTML5...

Páginas

Subscribe to RSS - HTML5

Tutoriales

Cómo descargar Paper de Facebook aún fuera de EE.UU.
La semana pasada, la famosa red social anunció "Paper", una...
Cómo transferir archivos grandes de PC a PC
Pasar datos de una computadora a otra puede ser bastante sencillo...
Qué hacer antes de descargar iOS 7
A sólo una horas de la llegada del iOS 7, recuerden que antes de...

Artículo Recomendado

Google agota un modelo Google Glass en su único día de ventas abiertas
Google Glass hizo del martes su día. Por primera vez, desde su lanzamiento, cualquiera en EE.UU. pudo adquirir sus gafas inteligentes y la respuesta del público no pudo ser mejor. Así es, en el que podría ser su... más