htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Initializr: Proyectos HTML5 más rápido

Initializr: Proyectos HTML5 más rápido

Initializr nos ayuda a iniciar un proyecto en HTML5 de manera muy fácil y rápida, basado en HTML5 Boilerplate. Genera un template totalmente customizado por nosotros que contenga solo lo que realmente necesitamos para empezar.
Seguir leyendo »

Las 15 APIs más populares de HTML5

Las 15 APIs más populares de HTML5

Si si, ya habrás escuchado y/leído frases como “html5 ya no es el futuro, sino el presente”, pero seguramente después te enteres que la mayoría de los navegadores no soportan la funcionalidad que quieres utilizar. Aquí te dejo una lista de 15 APIs más populares de HTMl5 ya podemos implementar de alguna u otra forma en nuestros proyectos (y sus respectivas polyfills).
Seguir leyendo »

Selectores CSS3 en Internet Explorer 6, 7 y 8

Selectores CSS3 en Internet Explorer 6, 7 y 8

No hace falta explicar el poco soporte que tienen las versiones de IE más antiguas (de la 6 a la 8 ) en cuanto a CSS3 se refiere. Uno de los puntos más débiles de estos navegadores son los selectores que este nos ofrece. Pero por suerte existe una herramienta muy útil para ayudarnos con esto.
Seguir leyendo »

Elementos video y audio de HTML5 en todos los navegadores

Elementos video y audio de HTML5 en todos los navegadores

Video y audio son los nuevos elementos para insertar multimedia en nuestras páginas web. Pero lamentablemente, cómo con la gran mayoría de funcionalidades de HTML5, estos solo funcionan en los navegadores más modernos. Por eso, otra vez, un simple script en el head hace que todos los navegadores (los más antiguos y los de algunos móviles) soporten esta increíble capacidad del HTML5.

Html5Media nos provee una solución extremadamente simple ya que lo único que requiere es añadir el siguiente código dentro de la etiqueta head:

1
<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>

Y así ya está, sin instalar nada, ni descargar; solo resta que insertemos todo el audio y video que queramos en nuestro documento. ¿Increiblemente simple, no?

Cómo detectar si el navegador soporta HTML5 (y CSS3)

Cómo detectar si el navegador soporta HTML5 (y CSS3)

Si bien la mayoría de los navegadores modernos (Chrome, Safari, Firefox, Opera, IE9) ya soportan gran cantidad de las nuevas funcionalidades del HTML5, todavía hay varios de ellos (justamente los más usados) que todavía no lo hacen. El problema que surge aquí es como saber si el navegador que está utilizando el usuario de nuestro sitio soporta video, canvas, localStorage, etc.

Seguir leyendo »

¿Qué es el HTML5 shiv?

¿Qué es el HTML5 shiv?

HTML5 shiv es algo que se escucha mucho a la hora de hacer un sitio web usando HTML5.

Si el sitio que estás haciendo solo debe funcionar en navegadores más avanzados como los que usan Webkit (Chrome, Safari, etc) o Firefox, entonces no es necesario que sigas leyendo esto… a no ser que tu sitio en HTML5 requiera de ser correctamente interpretado por Internet Explorer.

Seguir leyendo »