Allá por el año 2012 cuando HTML 5 empezó a ver la luz para el diseño Web eran pocas las personas que apostaban a que iba ser un verdadero éxito, tres años después nos podemos dar cuenta que, esta tecnología es la responsable de que muchas de las herramientas y plataformas que ahora conocemos hayan podido salir a la luz y estamos muy agradecidos por ello.
La pregunta que seguro surgirá es ¿Estás seguro que sin HTML 5 no hubieran salido todas estas plataformas?, la respuesta puede ser “SI” pero no con la prontitud que lo hicieron ya que, HTML 5 vino a convertirse en el superhéroe que toda Startup o empresa de desarrollo Web había soñado.
HTML 5 brinda siete poderosas herramientas por las cuales ha venido a convertirse en el favorito de todos, estas herramientas van desde la habilidad de tener una mejor etiqueta multimedia hasta tener la capacidad de poder interactuar en tiempo real con contenido real.
Las siete herramientas de HTML 5
[star_list]
- Multimedia: HTML 5 viene equipado con nuevas etiquetas y entre ellas se encuentran las etiquetas audio y video las cuales como su nombre lo indican son dedicas específicamente a trabajar con elementos de audio y vídeo, proporcionando un mejor control sobre cada uno de los archivos que se ejecuten.
- Gráficas y efectos 3D: Esta es una de las razones por las cuales Flash puede despedirse por completo de la Web, HTML 5 nos presenta la etiqueta canvas en la cual podemos crear animaciones o elementos SVG por medio del uso de JavaScript, lo cual hace que las animaciones que tengamos carguen de manera más rápida y sin necesidad de ningún plugin extra.
- Almacenamiento Local (LocalStorage): Así como se ha reemplazado a Flash también HTML 5 trae el reemplazo para las tediosas cookies, hablamos de un almacenamiento local mediante HTML5 File system API, que permite que nuestros sitios o plataformas sean más rápidas y eficientes ya que, no se debe esperar a que todas y cada una de las cookies que nuestro sistema cree viajen en cada petición que se hace al servidor, haciendo que toda la información se encuentre en la sesión del navegador, haciendo así usuarios y programadores más felices.
- Acceso a dispositivos (Device Access): HTML 5 viene mejorado para trabajar con toda clase de dispositivos que van desde una PC hasta un Smartphone, permitiendo de esta manera poder acceder a cierta información de cada dispositivo, por ejemplo podemos acceder a la geolocalización de un dispositivo, trabajar con eventos touch o si lo permite el dispositivo trabajar con el acelerómetro.
- Integración y Rendimiento (Performance and Integration): Con HTML 5 podemos crear aplicaciones móviles con diferentes frameworks como Phonegap o JQuery Mobile que permiten crear por medio de HTML 5, CSS 3 y JavaScript crear aplicaciones nativas para las distintas plataformas móviles sin necesidad de conocer el lenguaje nativo.
- Conectividad (Conectivity): Las aplicaciones en tiempo real son de uso cotidiano en cualquier comercio es por ello que HTML 5 ha incorporado el soporte para trabajar con tecnologías como node.js, socket.io y JSON para poder presentar a los usuarios información en tiempo real en todo momento sin perder ningún dato en el Limbo.
- CSS 3: Por último pero no menos funcional HTML 5 ha venido a mejorar la forma de trabajar con estilos y diseños, proporcionando el CSS 3 el cual trae incorporados una de las mejores herramientas para el diseño Web actual, claro me refiero a los Media Queries, esos pequeños hacks que hace que nuestro sitio Web se vea bien en cualquier dispositivo no importando la resolución o tamaño, también incorpora efectos, transiciones y muchas más pero HTML 5 es quien ha venido a exprimir a 100% las capacidades de este nuevo CSS.
[/star_list]
HTML 5 no sólo mejoro el modo en que se interactúa el cliente con nuestras aplicaciones, sino que, también vino a mejorar el modo en que cada uno de los elementos de nuestra Web se comuniquen, así es nuestros elementos Web tienen la habilidad de comunicarse y ahora lo pueden hacer de una manera más semántica. HTML 5 nos viene a proporcionar nuevas etiquetas para facilitarnos el trabajo, etiquetas como header, nav, footer, aside, section, article y muchas más las cuales tienen tanta semántica que creo que no hay necesidad de indicar para que sirven cada una de ellas.
Así que diviértete trabajando con HTML 5 exprime a todo lo que puedas estas capacidades, crea nuevas aplicaciones y compártelas con nosotros.
Más información: html5.org