HTML 5 es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).1 , 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
Desde su aparición, HTML 5, ha sido considerado como el sustituto perfecto de Flash para la creación de animaciones para la web. Poco a poco, según hemos ido descubriendo HTML 5, las presagios se están confirmando y ya no necesitamos Flash para realizar una animación para nuestra web, basta con emplear HTML 5. Las aplicaciones que van surgiendo para crear animaciones en HTML 5, están simplificando notablemente el desarrollo de las mismas. Todas ellas nos permiten crear de forma visual, rápida y sencilla una animación para la web, tan fácil y sencillo como crear una presentación de diapositivas de Power Point. Las siguientes aplicaciones son las mas extendidas y mas utilizadas por los desarrolladores web para crear animaciones: 1.- Sencha Animator: posiblemente es la más utilizada, sobre todo por estar disponible para las principales plataformas Windows, Mac y Linux. Sin duda alguna esto ha favorecido su gran difusión y utilización, la aplicación nos permite crear animaciones para la web (botones, animaciones de texto, transición de imágenes…etc), anuncios y juegos para el navegador de forma gráfica e intuitiva. Podemos descargar la versión de prueba desde la web de sus desarrolladores , si nos gusta podemos adquirir la aplicación por 99 $. [...]
Con el elemento de progreso o avance, las páginas en HTML5 pueden mostrar el progreso de una tarea, por ejemplo una descarga o una actividad de fondo o background. En este tutorial voy a mostrar cómo utilizar el elemento de progreso en tus páginas, con una simple función de JavaScript que actualiza el elemento de progreso. A día de hoy este elemento sólo es compatible con Firefox, Chrome y Opera, se está desarrollando para Internet Explorer y Safari, pero todavía no se puede confiar que funcione en éstos últimos navegadores. Para la demostración, simplemente se va a actualizar el elemento de progreso a través de un timeout de JavaScript, aunque el ejemplo se puede exportar y adaptar a las necesidades de cada uno. Este ejemplo se inicia al pulsar un botón, el cual se desactiva mientras se está ejecutando la tarea, al mismo modo se va actualizando la barra de progreso y un indicador textual. Cuando la tarea se ha completado, el botón se activará de nuevo y el usuario puede iniciar la tarea de nuevo si así lo desea. Crear una página Crea tu página HTML utilizando el siguiente esquema: Pondremos nuestras funciones y código JavaScript entre las etiquetas [...]
En el siguiente artículo he recopilado una serie de vídeo conferencias de desarrolladores Front-end, expertos en materias tales como CSS, HTML5 o JavaScript. La verdad que no las he visto todas, pero con este artículo ya quedan recopiladas para ir viéndolas poco a poco. Breaking Good Habits (Harry Roberts) “Solventando los debidos problemas a las debidas personas; mirando como algunas de nuestras mejores prácticas obstaculizan, en vez de ayudar” Enlace directo | Slides Learning to Love JavaScript (Alex Russell) Comenta los concepts del core de JavaScript, que esta muy bien para los que están comenzando pero tambien para quien ya ha programado pero esta aprendiendo JavaScript. Enlace directo | Slides Writing Maintainable JavaScript (Andrew Dupont) “Aprende como obtener un puñado de estrategias que puede utilizar para mantener su base de código JavaScript sólida, modular y flexible.” Enlace directo Progressive Enhancement 2.0 (Nicholas Zakas) Ponencia donde se comenta las mejoras progresivas que se deberían proporcionar a cierto nivel para apoyar todos los navegadores Fuente: It’s Time To Stop Blaming Internet Explorer. Enlace directo | Slides The CSS3 Experience (Dan Cederholm) Enlace directo | A feed apart page How Browsers Work Internally (Tali Garsiel) “La renderización de una web no es una acción única del navegador, pero es una serie de [...]
HTML5 cada vez es mas usado e integrado por aplicaciones online y sobre todo para dispositivos móviles. Ya hace tiempo escribí un par de artículos sobre algunos ejemplo y opiniones sobre HTML5. También expliqué como preparar una aplicación para identificar la geolocalización de un usuario mediante las API de HTML5 de Geolocalización. Hoy indicaré 10 herramientas online para simplificar y ayudar a la creación de nuestro código html5, muy útiles para principiantes y como repaso para los que ya han hecho algo en HTML5. Initializr Es un generador de plantillas HTML5 con el que podrás crear nuevos proyectos web basados en HTML5 Boilerplate. Initializr generará una plantilla vacía y customizable lista para empezar a desarrollar tu aplicación. Visitar: Initialzr HTML5demos Quieres saber si Firefox soporta el nuevo canvas de HTML5? o si en Safari funciona el cliente de chat de HTML5? Desde el site de HTML5demos podrás saber al momento que propiedades o funcionalidades se pueden usar en cada navegador Visitar: HTML5 demos HTML5 Tracker Quieres estar al tanto de que pasa con HTML5? Permanece pendiente de las últimas revisiones usando este tracker. Vistar: HTML5 Tracker HTML5 visual cheat sheet, Guía de referencia HTML5 Tener una guía de referencia de [...]
Una de las nuevas mejoras de HTML5 a parte del vídeo, canvas, animaciones, y otras, está la geolocalizacion de un usuario. La localización de un usuario, puede ser útil en aplicaciones de escritorio, pero sobre todo cada día es mas útil y necesario en aplicaciones web. Principalmente porque cada vez las aplicaciones web son mas usadas desde dispositivos móviles. Conocer la localización de un usuario no es algo nuevo. Hay servicios tan conocidos como http://www.maxmind.com/ que ofrecen una base de datos con ip conocidas con su localización. Pero estos servicios se basan en la detección y localización de la dirección ip. Esto a veces no suele ser muy eficaz y funcional porque requiere mantener constantemente la actualización de la base de datos de ip y no siempre muestra donde estas exactamente. Por lo que tenia que aparecer una forma de geolocalizar un usuario de la mejor y mas precisa forma posible. Ya que un objetivo fundamental en las aplicaciones web y sobre todo móviles es mostrar contenidos y resultados relevantes y cercanos al usuario que sean de su interés. Esto es algo que personalmente conozco perfectamente. Por ejemplo algo que yo he tenido que desarrollar es un sistema de geoposicionamiento [...]
Publicado por: corso
Publicado por: 
Últimos comentarios