Anuncio
HTML (HyperText Markup Language) es el más utilizado lenguaje de marcado hoy. Las etiquetas, elementos y paréntesis angulares con un poco de ayuda de CSS forman el bloque de construcción de todo lo que se ve en la World Wide Web.
Han pasado casi 20 años desde que HTML comenzó a definir cómo "vemos" la web. Ahora está al borde de su quinta revisión principal: HTML5. Desde su primer avatar hasta el quinto, la web misma se ha transformado. HTML5 es un intento de satisfacer las necesidades actuales que se basa en gran medida en contenido dinámico y rico en multimedia. Pero, ¿cómo va a cambiar la forma en que nos vemos y trabajamos con la web?
La web de hoy es cada vez más interactiva y rica en medios. Las aplicaciones se están moviendo en línea. HTML5 cubre todas estas necesidades al introducir formas de incrustar videos y audio, dibujar gráficos simples, trabajar con aplicaciones sin conexión; haga todo esto sin complementos y, por supuesto, hágalo todo más rápido que antes.
Es, después de todo, un estándar. Por lo tanto, es casi imposible sudar los detalles en unas pocas líneas. Así que aquí hay diez recursos que le dan una idea de HTML5. Vamos a conocerlo, porque todos podríamos estar usándolo pronto.
WTF es HTML5 [ya no está disponible]
El grupo de investigación Focus analiza la última especificación y la presenta directamente como una infografía fácil de entender. En diez minutos, obtendrá una vista en helicóptero de lo que se trata HTML5 y por qué debería importarnos.
Escrito por Mark Pilgrim, es un vistazo a las funciones seleccionadas de HTML5. Se arma en el estilo conversacional de la serie "Para tontos". Si desea comprender los conceptos básicos, esta es una lectura obligada.
Y hay un "Marcado del profesor" para guiarlo junto con las respuestas a consultas comunes. Cada capítulo está respaldado por demostraciones y ejemplos. Pero compruebe los navegadores compatibles mencionados antes de probarlos.
En HTML5Doctor.com, tiene artículos destinados a ayudarlo a comenzar. Por ejemplo, utilizando el primer artículo, puede configurar su página web para que sea reconocida como HTML5 por los navegadores. La cuarta publicación ayuda a diseñar un blog con HTML5.
El blog HTML5 también tiene una sección de preguntas y respuestas, donde puede cargar sus preguntas. Algunas de las respuestas aparecen en la página de inicio como publicaciones "˜Tus preguntas respondidas".
Este recurso web HTML5 le pide que esté bien versado en codificación. Si es así, hay algunos tutoriales que lo ayudan a comprender cómo se pueden codificar las características HTML5. Puedes experimentar con HTML5 en Patio de recreo e incluso reutilice algunos de los ejemplos de código en su propio proyecto.
Los tutoriales son pocos pero completos. Cada uno también está etiquetado con el icono de los navegadores que cumplen con los requisitos de la función HTML5.
HTML5 le está dando algunos dolores de cabeza a Adobe porque promete eliminar Flash (al menos para algunas aplicaciones). ¿HTML5 demostrará ser tan efectivo como los juegos en línea como los juegos basados en Flash a los que nos hemos acostumbrado? Compruébelo usted mismo jugando los juegos HTML5 que están alojados en este sitio.
Todos los navegadores se están preparando para HTML5. La media rueda de este sitio es un indicador visual de la base de cada navegador hasta ahora para HTML5 y CSS3. Puede pasar el mouse sobre las 28 funciones y medir el escenario desde los radios codificados por colores.
Por lo que parece, Safari y Chrome están más en el camino que los demás.
Tabla periódica de los elementos, un proyecto de Josh Duck es una mirada peculiar a los 104 elementos HTML5 (y 2 elementos propuestos) utilizando el diseño de una tabla periódica. Al hacer clic en cada celda aparece una breve descripción con referencias adicionales.
De un vistazo, puede saber su puntaje (del navegador) cuando se compara con las funciones compatibles con HTML5. Tan pronto como se carga el sitio web, se muestra la puntuación de un máximo de 300. Obtiene puntos de bonificación si el soporte se extiende más allá de lo que podría establecer la especificación HTML5.
Las puntuaciones también están codificadas por colores, lo que indica cualquier cosa entre lo que es excelente y lo que no está disponible en su navegador.
Galería HTML5 [ya no está disponible]
HTML5gallery.com muestra otros sitios web que usan HTML5 de una forma u otra. Puede hacer clic en la miniatura y llegar a los sitios web a la vista. También es una plataforma de aprendizaje para ver cómo los desarrolladores web están implementando HTML5.
Cada sitio web perfilado tiene una pequeña nota que explica cómo se ha utilizado un elemento HTML5 para diseñar el sitio web.
El elemento "Video" se promociona como uno de los puntos más vendidos de HTML5. Puede probarlo en YouTube optando por usar el reproductor HTML5 en lugar del reproductor Flash para la mayoría de los videos. Sus pruebas también le dirán cómo su navegador actual está haciendo frente a los videos HTML5. Lea la sección de Notas para observar los puntos más finos sobre el esfuerzo beta de YouTube.
Todo dice que le esperan días emocionantes. Estos diez sitios web en HTML5 son solo el comienzo de una raza que pronto explotará. Con suerte, te ayudarán a ubicarte en el elemento correcto para trabajar con HTML5.
Imagen: justinsonmia
Saikat Basu es el Editor Adjunto de Internet, Windows y Productividad. Después de eliminar la suciedad de un MBA y una carrera de marketing de diez años, ahora le apasiona ayudar a otros a mejorar sus habilidades para contar historias. Busca la coma de Oxford que falta y odia las malas capturas de pantalla. Pero las ideas de fotografía, Photoshop y productividad alivian su alma.