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 […]

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 […]

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 […]

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.

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

Microsoft y HTML5

Hace unos días Luisdo nos informaba de que Internet Explorer no iba a dar soporte para HTML5, parece que todo ha cambiado. El gigante Microsoft no sólo participará en el desarrollo y adaptación de esta nueva y potente versión del lenguaje, si no que ha entrado a formar parte del Web Hypertext Application Technology Working Group (WHATWG), junto con Mozilla Foundation, Opera Software y Apple. Esperemos que de una vez por todas, se organicen las empresas para que den por igual soporte a los estándares, evitando reduplicar el trabajo para cada navegador Web. Fuente

WebGL 1.0 aprobado como estándar Web

WebGL 1.0 ha sido aprobado como un nuevo estándar de aceleración de gráficos 3D. Esto permitirá sacar el máximo rendimiento de las tarjetas gráficas a partir de los navegadores web con soporte para HTML5 sin necesidad de ningún plugins. Este estándar necesita que el navegador que lo use disponga de soporte para OpenGL para que pueda funcionar. Khronos, la empresa desarrolladora, se a puesto en contacto con varios empresas del sector (Apple, Google, Mozilla y Opera) para la correcta implantación de este acelerador. Fruto de esta relación obtenemos que las nuevas versiones de los productos de estas empresas ya están con soporte para WebGL, concretamente la beta FireFox 4 ya lo tiene incorporado. Esta mejora dará la capacidad a los […]

Crear una página 404 animado con jQuery

El siguiente manual que os voy a compartir nos servirá para crear una atractiva página 404 con animación, obtenido vía Tutorialzine. Ya os he comentado en otras ocasiones que es el error 404 y como poder mostrarlo amigablemente modificando el archivo .htaccess o mediante código en .Net. Hoy lo que vamos ha intentar es ir un paso más e intentar que nuestros visitantes permanezcan más tiempo en nuestro sitio. Sección HTML (OJO es HTML5) En la sección del HEAD se ha incluido una condición por si el navegador utilizado es Internet Explorer y pueda entender fácilmente el código HTML5, con el resto de navegadores comunes esto no es necesario ya que tiene el soporte HTML5 integrado en el sistema. Creating […]