Se ha hablando bastante de HTMl5 y a surgido la confusion sobre qué es, qué se puede hacer con ella hoy y cual es la mejor manera de aprender, etc.
Con tanto revuelo y expectativas en el Mercado, se han querido hacer frente a las preguntas que se hacen los profesionales creativos que quieren tomar ventaja del HTML 5 pero que no estan seguros de como empezas
1.- ¿ Que es HTML 5?
En su forma mas simple, HTML 5 es la evolucion de HTML. Curiosamente se ha covertido en un ”catch-all” con lo cual quiere decir que hacia ahi quieren converger todas las tecnologias involucradas con las Web, incluyendo CSS3, SVG, Canvas. A decir de los profesionales de la Web es un nuevo conjunto de funcionalidades para la creacion de una interactividad mas rica para los sitios web y aplicaciones de multiples pantallas de dispositivos (moviles, tablets, etc). Debido a la Adopcion de WebKit en dispositivos moviles, HTML5 esta ganando mucha fuerza en todo y el desarrollo inteligente para tablets.
En los primeros días, HTML5 se sentia el incremento en términos de cómo los usuarios pueden tomar ventaja de ella. Pero a medida que evoluciona el ecosistema, frameworks y herramientas que permiten a los profesionales del web crear un nuevo mundo de experiencias interesantes, incluyendo las aplicaciones que están disponibles en una variedad de dispositivos.
Con tanto revuelo y expectativas en el Mercado, se han querido hacer frente a las preguntas que se hacen los profesionales creativos que quieren tomar ventaja del HTML 5 pero que no estan seguros de como empezar
2. ¿Puedo utilizar HTML5 Incluso si los usuarios tienen Navegadores anticuados?
A pesar que HTML5 se encuentra todavía en una forma temprana , hay varias maneras que los usuarios pueden emplear nuevos elementos del lenguaje garantizando al mismo tiempo que el contenido pueda ser soportado sin problemas en los navegadores. Sobre lo anterior existen bastantes artículos en la web que tratan sobre estas técnicas. Por ejemplo:
Los desarrolladores pueden trabajar conceptualmente con nuevos elementos estructurales, como el header o foooter de la página mediante la creación de clases con el mismo nombre y colocarlo en capas dentro de la página de un usuario.
Se puede dar un paso más utilizando nuevos elementos de HTML5 con una combinación de JavaScript y un poco de CSS para garantizar la compatibilidad con navegadores más antiguos.
Los desarrolladores pueden aprovechar las bibliotecas JavaScript como Modernizr que se aprovechan de las nuevas tecnologías (HTML5, CSS3) mientras que proporciona control sobre los navegadores antiguos que no admiten esta funcionalidad.
Los desarrolladores pueden utilizar formularios HTML 5 con los nuevos elementos input y types para ofrecer mayor funcionalidad de los navegadores modernos y a su vez no se vean afectados en los navegadores antiguos .
Por supuesto, si el sitio web es accesado desde dispositivos móviles, se puede aprovechar las características de HTML5/CSS3 ofrecen . Los navegadores para móviles que se basan principalmente en WebKit apoyar mucho más, aunque aun existen algunos defectos entre las distintas aplicaciones.
3. ¿ Que deberian comenzar a aprender los Desarrolladores y Diseñadores sobre esta nueva tecnología ?
Los desarrolladores deben comenzar a ampliar sus habilidades gradualmente con estas nuevas tecnologías. Una gran área de oportunidad es el aprovechamiento de las nueva funcionalidades de CSS3 . Al igual se recomienda el uso de los siguientes blogs para estar al tanto de lo que esta ocurriendo y mantenerse al tanto de los nuevos frameworks y características que estén surgiendo. Mucha da la innovacion esta ocurriendo alrededor de Frameworks para Móviles. Algunos buenos recursos que han de observarse:
En Ingles:
HTML Rocks
A List Apart
HTML5 Tutorial
HTML5 Watch
En Español :
El webmaster
Desarrollo Web
Cristalab
Ademas los desarrolladores deberan en cuenta las plataformas que están desarrollando y tener un equilibrio entre el soporte y la vizualisacion de los navegadores.
4.- ¿ Ya me quede atras con esta tecnología ?
Una campaña sobre cierta tecnología en particular puede conducir a menudo a los diseñadores y desarrolladores de sentir que están muy por debajo de la curva de aprendizaje , pero eso no es verdad con HTML5.
Si bien hay algunos de ejemplos de sitios que han implementado sitios con esta tecnología hoy en día, en realidad se trata de un pequeño subconjunto de la mayor parte de los desarrolladores web que lo están haciendo , y el contenido desarrollados para diferentes dispositivos es escaso.
Ademas de lo anterior aun existen obstáculos importantes al momento de desarrollar en dispositivos , además del tipico cross-browsing donde un sitio se ve igual en cualquier dispositivo e Inclusive surgen preguntas : ¿Cómo sacar provecho de la aceleración de hardware? ¿Cómo sacar provecho de las API del dispositivo (por ejemplo, el tacto, geolocalización, caché sin conexion , etc)? ¿Qué hacer cuando las APIs de dispositivos no son siempre accesibles a través de las implementaciones de navegador?
Puedes buscar frameworks de JavaScript y herramientas que pueden abstraer estas diferencias y proporcionar un conjunto de bloques de construcción que trabajan consistentemente en los dispositivos a los cuales están dirigidos . Mientras que aun hay muchas posibilidades a disposición, donde mayoría de los usuarios tendrán que ser pragmáticos en su enfoque para obtener buenos resultados.
5. ¿Por qué esperar?
Hay factores que aun bloquean la adopcion generalizada de HTML5 debido a la adopcion de los navegadores y la especificación de HTML5 /CSS3 muy similar a la guerra de los navegadores en los primeros días de la web, pues una cantidad significativa de la innovación ocurre dentro de los propios navegadores. WebKit se está convirtiendo en el navegador predominante para los dispositivos móviles. Firefox y Chrome siguen aumentando su cuota en el mercado como navegadores de escritorio y Microsoft con Internet Explorer 9 ahora se une a la carrera con más apoyo para HTML5/CSS3. Mientras que la innovación y adopción rápida por parte de la industria es una buena noticia para los profesionales web, también crea inconsistencia. Aquí es donde la especificación entra en juego. Las especificaciones y los estandares es algo que los navegadores tienen que respetar . Sin embargo, la especificación no será ratificado por muchos años.
La mayoría de los profesionales web serán beneficiados por la estandarización de los framework y herramientas que permitan aprovechar las nuevas funcionalidades .
¿ Cual es la posicion de Adobe con respecto a HTML 5?
Esta es una pregunta que todos se hacen sobre Adobe. A medida que el panorama actual sigue evolucionando rápidamente, creemos que la gente se beneficiará de la aplicación por una estrategia del manejo híbrido de las tecnologías Flash y HTML 5 debido a que estos son utilizados en función de las necesidades del negocio. Por ejemplo, si se está construyendo un RIA de la empresa con un equipo multi-función que necesita un Framework robusto en el desarrollo, ademas de la operatividad entre dispositivos , Flash tiene mucho sentido. Si usted está construyendo un sitio web dinámico donde el nicho de mercado sea el manejo de Tablets, Desktop y Móviles es probable que la tecnología adecuada sea HTML5/CSS3 En resumen, habrá lugares donde HTML5 tendrá más sentido y proporcionara una interactividad básica, pero siempre habrá un lugar para una mayor interacción y la coherencia garantizada, y es ahí donde Adobe considera que destaca la tecnología Flash.
Conclusion
Hay factores que aun bloquean la adopcion generalizada de HTML5 debido a la adopcion de los navegadores y la especificacion de HTML5 /CSS3 muy similar a la guerra de los navegadores en los primeros días de la web, pues una cantidad significativa de la innovación ocurre dentro de los propios navegadores. WebKit se está convirtiendo en el navegador predominante para los dispositivos móviles. Firefox y Chrome siguen aumentando su cuota en el mercado como navegadores de escritorio y Microsoft con Internet Explorer 9 ahora se une a la carrera con más apoyo para HTML5/CSS3. Mientras que la innovación y adopción rápida por parte de la industria es una buena noticia para los profesionales web, también crea inconsistencia. Aquí es donde la especificación entra en juego. Las especificaciones y los estandares es algo que los navegadores tienen que respetar . Sin embargo, la especificación no será ratificado por muchos años.La mayoría de los profesionales web seran beneficiados por la estandarización de los framework y herramientas que permitan aprovechar las nuevas funcionalidades .
No hay duda de que los diseñadores y los desarrolladores deben familiarizarse con HTML5, aprender capacidades que son compatibles actualmente, y lo más importante, donde estas capacidades estén orientados al mercado meta. Los usuarios no deben cometer el error de enamorarse de algún elemento del sitio en particular que sea desarrollado con tecnología de HTML5 sólo para descubrir que no funciona de forma correcta en todos los navegadores.
Estos son tiempos emocionantes para los diseñadores y desarrolladores. Tenemos frente a nosotros nuevos retos y oportunidades que tendrá un impacto enorme sobre el futuro de la web. Y no puede esperar
Se ha hablando bastante de HTMl5 y a surgido la confusion sobre qué es, qué se puede hacer con ella hoy y cual es la mejor manera de aprender, etc.
Con tanto revuelo y expectativas en el Mercado, se han querido hacer frente a las preguntas que se hacen los profesionales creativos que quieren tomar ventaja del HTML 5 pero que no estan seguros de como empezar
1.- ¿ Que es HTML 5?
En su forma mas simple, HTML 5 es la evolucion de HTML. Curiosamente se ha covertido en un ”catch-all” con lo cual quiere decir que hacia ahi quieren converger todas las tecnologias involucradas con las Web, incluyendo CSS3, SVG, Canvas. A decir de los profesionales de la Web es un nuevo conjunto de funcionalidades para la creacion de una interactividad mas rica para los sitios web y aplicaciones de multiples pantallas de dispositivos (moviles, tablets, etc). Debido a la Adopcion de WebKit en dispositivos moviles, HTML5 esta ganando mucha fuerza en todo y el desarrollo inteligente para tablets.
En los primeros días, HTML5 se sentia el incremento en términos de cómo los usuarios pueden tomar ventaja de ella. Pero a medida que evoluciona el ecosistema, frameworks y herramientas que permiten a los profesionales del web crear un nuevo mundo de experiencias interesantes, incluyendo las aplicaciones que están disponibles en una variedad de dispositivos.
Con tanto revuelo y expectativas en el Mercado, se han querido hacer frente a las preguntas que se hacen los profesionales creativos que quieren tomar ventaja del HTML 5 pero que no estan seguros de como empezar
2. ¿Puedo utilizar HTML5 Incluso si los usuarios tienen Navegadores anticuados?
A pesar que HTML5 se encuentra todavía en una forma temprana , hay varias maneras que los usuarios pueden emplear nuevos elementos del lenguaje garantizando al mismo tiempo que el contenido pueda ser soportado sin problemas en los navegadores. Sobre lo anterior existen bastantes artículos en la web que tratan sobre estas técnicas. Por ejemplo:
Los desarrolladores pueden trabajar conceptualmente con nuevos elementos estructurales, como el header o foooter de la página mediante la creación de clases con el mismo nombre y colocarlo en capas dentro de la página de un usuario.
Se puede dar un paso más utilizando nuevos elementos de HTML5 con una combinación de JavaScript y un poco de CSS para garantizar la compatibilidad con navegadores más antiguos.
Los desarrolladores pueden aprovechar las bibliotecas JavaScript como Modernizr que se aprovechan de las nuevas tecnologías (HTML5, CSS3) mientras que proporciona control sobre los navegadores antiguos que no admiten esta funcionalidad.
Los desarrolladores pueden utilizar formularios HTML 5 con los nuevos elementos input y types para ofrecer mayor funcionalidad de los navegadores modernos y a su vez no se vean afectados en los navegadores antiguos .
Por supuesto, si el sitio web es accesado desde dispositivos móviles, se puede aprovechar las características de HTML5/CSS3 ofrecen . Los navegadores para móviles que se basan principalmente en WebKit apoyar mucho más, aunque aun existen algunos defectos entre las distintas aplicaciones.
3. ¿ Que deberian comenzar a aprender los Desarrolladores y Diseñadores sobre esta nueva tecnología ?
Los desarrolladores deben comenzar a ampliar sus habilidades gradualmente con estas nuevas tecnologías. Una gran área de oportunidad es el aprovechamiento de las nueva funcionalidades de CSS3 . Al igual se recomienda el uso de los siguientes blogs para estar al tanto de lo que esta ocurriendo y mantenerse al tanto de los nuevos frameworks y características que estén surgiendo. Mucha da la innovacion esta ocurriendo alrededor de Frameworks para Móviles. Algunos buenos recursos que han de observarse:
En Ingles
HTML Rocks
A List Apart
HTML5 Tutorial
HTML5 Watch
En Español
El Webmaster
Desarrollo Web
Cristalab
Ademas los desarrolladores deberan en cuenta las plataformas que están desarrollando y tener un equilibrio entre el soporte y la vizualisacion de los navegadores.
4.- ¿ Ya me quede atras con esta tecnología ?
Una campaña sobre cierta tecnología en particular puede conducir a menudo a los diseñadores y desarrolladores de sentir que están muy por debajo de la curva de aprendizaje , pero eso no es verdad con HTML5.
Si bien hay algunos de ejemplos de sitios que han implementado sitios con esta tecnología hoy en día, en realidad se trata de un pequeño subconjunto de la mayor parte de los desarrolladores web que lo están haciendo , y el contenido desarrollados para diferentes dispositivos es escaso.
Ademas de lo anterior aun existen obstáculos importantes al momento de desarrollar en dispositivos , además del tipico cross-browsing donde un sitio se ve igual en cualquier dispositivo e Inclusive surgen preguntas : ¿Cómo sacar provecho de la aceleración de hardware? ¿Cómo sacar provecho de las API del dispositivo (por ejemplo, el tacto, geolocalización, caché sin conexion , etc)? ¿Qué hacer cuando las APIs de dispositivos no son siempre accesibles a través de las implementaciones de navegador?
Puedes buscar frameworks de JavaScript y herramientas que pueden abstraer estas diferencias y proporcionar un conjunto de bloques de construcción que trabajan consistentemente en los dispositivos a los cuales están dirigidos . Mientras que aun hay muchas posibilidades a disposición, donde mayoría de los usuarios tendrán que ser pragmáticos en su enfoque para obtener buenos resultados.
5. ¿Por qué esperar?
Hay factores que aun bloquean la adopcion generalizada de HTML5 debido a la adopcion de los navegadores y la especificación de HTML5 /CSS3 muy similar a la guerra de los navegadores en los primeros días de la web, pues una cantidad significativa de la innovación ocurre dentro de los propios navegadores. WebKit se está convirtiendo en el navegador predominante para los dispositivos móviles. Firefox y Chrome siguen aumentando su cuota en el mercado como navegadores de escritorio y Microsoft con Internet Explorer 9 ahora se une a la carrera con más apoyo para HTML5/CSS3. Mientras que la innovación y adopción rápida por parte de la industria es una buena noticia para los profesionales web, también crea inconsistencia. Aquí es donde la especificación entra en juego. Las especificaciones y los estandares es algo que los navegadores tienen que respetar . Sin embargo, la especificación no será ratificado por muchos años.
La mayoría de los profesionales web serán beneficiados por la estandarización de los framework y herramientas que permitan aprovechar las nuevas funcionalidades .
¿ Cual es la posicion de Adobe con respecto a HTML 5?
Esta es una pregunta que todos se hacen sobre Adobe. A medida que el panorama actual sigue evolucionando rápidamente, creemos que la gente se beneficiará de la aplicación por una estrategia del manejo híbrido de las tecnologías Flash y HTML 5 debido a que estos son utilizados en función de las necesidades del negocio. Por ejemplo, si se está construyendo un RIA de la empresa con un equipo multi-función que necesita un Framework robusto en el desarrollo, ademas de la operatividad entre dispositivos , Flash tiene mucho sentido. Si usted está construyendo un sitio web dinámico donde el nicho de mercado sea el manejo de Tablets, Desktop y Móviles es probable que la tecnología adecuada sea HTML5/CSS3 En resumen, habrá lugares donde HTML5 tendrá más sentido y proporcionara una interactividad básica, pero siempre habrá un lugar para una mayor interacción y la coherencia garantizada, y es ahí donde Adobe considera que destaca la tecnología Flash.
Conclusión
Hay factores que aun bloquean la adopcion generalizada de HTML5 debido a la adopcion de los navegadores y la especificacion de HTML5 /CSS3 muy similar a la guerra de los navegadores en los primeros días de la web, pues una cantidad significativa de la innovación ocurre dentro de los propios navegadores. WebKit se está convirtiendo en el navegador predominante para los dispositivos móviles. Firefox y Chrome siguen aumentando su cuota en el mercado como navegadores de escritorio y Microsoft con Internet Explorer 9 ahora se une a la carrera con más apoyo para HTML5/CSS3. Mientras que la innovación y adopción rápida por parte de la industria es una buena noticia para los profesionales web, también crea inconsistencia. Aquí es donde la especificación entra en juego. Las especificaciones y los estandares es algo que los navegadores tienen que respetar . Sin embargo, la especificación no será ratificado por muchos años.La mayoría de los profesionales web seran beneficiados por la estandarización de los framework y herramientas que permitan aprovechar las nuevas funcionalidades .
No hay duda de que los diseñadores y los desarrolladores deben familiarizarse con HTML5, aprender capacidades que son compatibles actualmente, y lo más importante, donde estas capacidades estén orientados al mercado meta. Los usuarios no deben cometer el error de enamorarse de algún elemento del sitio en particular que sea desarrollado con tecnología de HTML5 sólo para descubrir que no funciona de forma correcta en todos los navegadores.
Estos son tiempos emocionantes para los diseñadores y desarrolladores. Tenemos frente a nosotros nuevos retos y oportunidades que tendrá un impacto enorme sobre el futuro de la web. Y no puede esperar
Basado en un articulo de Mashable
This entry was posted
on October 26, 2010 at 5:17 pm. You can follow any responses to this entry through the RSS 2.0 feed.
Both comments and pings are currently closed.
Posted in Diseño Web Herramientas y Aplicaciones Programacion Web Usabilidad by Alex Huchin