La etiqueta meta para el viewport fue introducida por Apple en Safari para móviles, para ayudar a los desarrolladores a mejorar la presentación de sus aplicaciones web en un iPhone, iPod Touch o iPad. A continuación una breve explicación y un video muy descriptivo.
Seguir leyendo »
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 »
Seguramente hayas leído el nombre de HTML5 Boilerplate (o H5BP) en Twitter. Pero, como tantos otros temas, lo dejaste pasar pensando “esto es solo otro proyecto más” de los cientos (¿miles?) basado en HTML5. Pero este proyecto no es “uno más”, te conviene saber al menos de que se trata ya que te puede llegar a ser de gran utilidad.
Hace tiempo que un colega me viene hablando del Adobe Edge, el programa de Adobe para hacer dibujos en HTML5 y CSS3. Cuando salió la versión demo para bajar, lo bajé, pero la verdad que nunca lo probé hasta hoy, y si bien lo encuentro una herramienta útil para animaciones (su interfaz gráfica es muy similar a Flash), me parece que tenemos que tener cuidado con su uso y para qué lo queremos.
Seguir leyendo »
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 »
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?
Después de tanto leer tutoriales, hacer cursos, ver videos y un montón de cosas más, siempre es bueno auto evaluarnos para comprobar nuestro conocimiento en HTML5.
Este primer test (ya estoy preparando un segundo y tercero), se puede considerar de un nivel principiante a intermedio de dificultad. Es un pequeño exámen a modo de cuestionario con 12 preguntas multiple opción para chequear que tan bien estamos aprendiendo la nueva versión de HTML.
El próximo 28 de noviembre de 2011 comenzará un diplomado ofrecido por Microsoft sobre HTML5 para toda Latinoamérica. Tengo que reconocer que cuando me enteré, lo vi como algo muy positivo por parte de Microsoft, pero luego de averiguar un poco más, mis expectativas fueron desapareciendo, y aparecieron algunas dudas…