Códigos funcionales para HTML5

Ya hemos hablado en distintas ocasionas en el blog de cosas relacionadas con HTML5. Lo que me gustaría compartir con vosotros hoy es una página realmente interesante en la que podremos encontrar snippets de HTML5. Esta web nos puede ayudar a descubrir las nuevas funcionalidades que nos ofrece HTML o para ahorrar tiempo en nuestros desarrollos. Debemos de tener en cuenta que para que funcionen los ejemplos, nuestro navegador debe de ser compatible con la última versión de HTML5. Vía Kabytes

Activar la reproducción de vídeos HTML5 en Youtube (ver vídeos sin Flash)

Se que no soy el único al que Flash le da más de un problema, se que no soy el único que odia Flash, así que se que no soy el único que le va a venir bien el poder reproducir los vídeos de Youtube con HTML5 en lugar de con Flash tal y cómo nos explican en Ubuntu Life: Tan simple como ingresar la URL: http://youtube.com/html5. Y activar la opción: ???Activar la versión de prueba de HTML5???. Si tu versión de navegador soporta HTML5, a partir de ahora cuando reproduzcas algún vídeo de Youtube se usara HTML5. Entre los navegadores que lo soportan se incluyen los siguientes: Firefox 4 (WebM, versión beta disponible aquí) Google Chrome (WebM) Opera 10.6…Continúa leyendo Activar la reproducción de vídeos HTML5 en Youtube (ver vídeos sin Flash)

Validación de formularios con HTML 5

Tal y como leo en anieto2k, HTML5 no solo ofrecerá una serie de elementos para hacer la web más visual, también ayudará a los desarrolladores web a realizar tareas cotidianas de forma más rápida y segura. Una de ellas es la validación de formularios. Atributos Gracias a una serie de atributos que podremos usar en elementos de nuestros formularios podremos condicionar desde el diseño las validaciones de cualquier formulario de nuestra página. required Como su nombre indica, el formulario no se enviará mientras el elemento que contenga este atributo no esté informado. Algo que hasta ahora estábamos haciendo en nuestra capa de funcionalidad con javascript, recorriendo elementos o comprobando los elementos con una class específica. <input name=”nombre” required > pattern…Continúa leyendo Validación de formularios con HTML 5

Cinco reproductores libres en HTML5

Es de todos bien sabido que HTML5 se va a imponer en la Web durante los próximos años. Siendo así, seria buena idea ir adaptado nuestras necesidades e ir orientándolas hacia el uso de este estándar, en esta ocasión os presentamos cinco reproductores de vídeo en HTML5 libres, para usarlos cómo queramos. Mediafront. Solución abierta (GPLv3) que incluye el reproductor Open Standard Media (OSM), que puede ser usado de forma gratuita en cualquier sitio web. JME. Kit de desarrollo para audio y vídeo en HTML5, usa las librerías DOM-API. Bastante intuitivo. Flare Video. Gratuito para uso comercial, podemos personalizarlo con CSS/HTML/JS. Projekktor. Muy limpio y sencillo de usar, hecho con JavaScript. Video JS. Su título lo evidencia, hecho también con JS. Un reproductor…Continúa leyendo Cinco reproductores libres en HTML5

Demo con las capacidades de HTML5

Si alguien aún duda de las maravillas que se pueden hacer con HTML5, os dejo una presentación donde se muestran muchas de sus grandes bondades. Requiere de las últimas versiones de los navegadores para que podáis visualizarla correctamente: PRESENTACI??N HTML5 Fuente

OSMPlayer, un reproductor en HTML5

A través de Barrapunto conozco el proyecto OSM, un reproductor multimedia basado en HTML5 y jQuery. La llegada de HTML5 es para muchos el comienzo del fin del reinado de Flash como framework multimedia en la web. Viendo el proyecto Open Standard Media Player parece ser cierto. OSM es un proyecto Open Source con la finalidad de crear un reproductor multimedia basado en HTML5 y utilizando las librerías jQuery. Algunas de sus características son: 100% Open Source y 100% libre! Utiliza el framework JavaScript jQuery. Contenido basado en HTML5. Soporte para audio y vídeo en los formatos más utilizados. Posibilidad de cambiar el theme (Basado en ThemeRoller). Integración con Vimeo y Youtube. Soporte para playlist. Sin duda otra muy buena…Continúa leyendo OSMPlayer, un reproductor en HTML5

Paint online con tecnología HTML5

Me encuentro en anieto2k Sketchpad, un paint enriquecido completamente online que se aprovecha de las nuevas herramientas que HTML5 pone a nuestra disposición. El resultado, como se puede ver, es realmente sorprendente. No solo por lo elegante del diseño, sinó por la soltura con la que se mueve y las posibilidades que ofrece: Uso de degradados Uso de patrones Paleta de colores Historial de modificaciones Posibilidad de salvar el dibujo con Data URI Sin duda una muestra de lo que nos vamos a ir encontrando por Internet en un futuro no muy lejano.

La Free Software Foundation pide que votes en favor de OGG

Yo ya he puesto mi granito de arena, así que os lo dejo a vosotros por si os interesa. En La máquina diferencial nos informan que YouTube y Vimeo han decidido dar soporte al nuevo HTML5, que evita tener que utilizar Flash para ver vídeos. El problema es que los vídeos, dentro del HTML5, pueden utilizar diferentes codecs. El codec defendido por Mozilla es el OGG/Theora, formato libre y abierto, en contraposición al H.264 que defienden YouTube o Vimeo, formato cerrado y propietario que sería reproducido por Safari y Chrome pero no por Firefox. Es importante que la web respete los estándares y formatos abiertos, por lo que la FSF nos anima a votar en favor de estos formatos para…Continúa leyendo La Free Software Foundation pide que votes en favor de OGG

HTML5 Glossary

Os dejo más información sobre la nueva versión de HTML. En su momento os dejé una guía rápida, pero si preferís una documentación más extensa sobre los nuevos tags HTML 5 que aparecen en la última revisión del estándar, echadle un vistazo a HTML5 Glossary. Enlace Fuente