Reproductor de video en HTML5

MediaElement.js es un plugin para jQuery que nos permitirá reproductir videos en HTML5 en navegadores que no tengan soporte para este nuevo formato.

Utilizando esta librería podremos insertar videos en nuestros sitios utilizando el tag <video>, el plugin detectará si el navegador tiene soporte para este tag y en caso de que la respuesta sea negativa, insertará el video en un formato que sea aceptado, como podría ser en flash.

De esta forma tendremos la seguridad de que nuestros videos podrán ser vistos por todos los usuarios, sin importar si lo estan haciendo desde Internet Explorer 6 o desde un iPad, por ejemplo.

Ejemplo de uso:

<script src="jquery.js"></script>
<script src="mediaelement.js"></script>
<script src="mediaelementplayer.js"></script>
<link href="mediaelementplayer.css" rel="Stylesheet" />

<!-- Preferred: Use one H.264 file for everyone (with silverlight fallback) -->
<video src="myfile.mp4" type="video/mp4" width="640" height="360"></video>

<!-- OR use multiple codecs, your choice -->
<video width="640" height="360">
<source src="myfile.mp4" type="video/mp4" >
<source src="myfile.ogg" type="video/ogg" >
<source src="myfile.webm" type="video/webm" >
</video>

<script>
jQuery(document).ready(function($) {
$('video').mediaelementplayer();
});
</script>

La utilización de este Plugin nos dará soporte para videos en H.264 (MPEG), como asi también archivos FLV y WMV, en los navegadores con HTML5 como iPhone, iPad, Android, Chrome, Safari e Internet Explorer 9, asi como también en navegadores sin soporte HTML5 pero con la posibilidad de reproducir Silverlight/Flash: Internet Explorer 6,7,8, Firefox y Opera.

Fuente: MediaElement via Web Resources Depot.

Crear gráficos de barra con JQuery

DDChart es un plugin para jQuery que nos permitirá crear nuestros propios gráficos de barra.

Este plugin nos dará la posibilidad de crear gráficos sencillos o avanzados. Si lo que deseamos es un gráfico de barra más complejo podremos utilizar las opciones que incluyen efectos y gráficos multiples, mientras que para necesidades más puntuales podremos utilizar la presentación normal.

Para su correcto funcionamiento, DDChart para jQuery necesitará que le entreguemos la información en formato JSON.

Sin duda una excelente opción para cuando busquemos realizar gráficos dinamicamente combinando con PHP u otro tipo de lenguajes.

La página oficial de este Plugin para jQuery: http://kiersimmons.com/DDChart/index.html

Alli podremos encontrar ejemplos y documentación sobre todas las posibilidades que ofrece.

Lo lei en: http://www.webresourcesdepot.com/drill-down-bar-charts-with-jquery-ddchart/

Reloj con barras de desplazamiento

Una curiosidad que seguramente fue realizada por un oriental :P
Se trata de un reloj digital en JS realizada con Mootools en la que la hora se forma con barras de desplazamiento. Si, barras de desplazamiento como las que tienen todos los browsers o exploradores de archivos y que incluso podemos utilizar para jugar un poco y moverlas.

Muy interesante herramienta que no sirve para nada más que algunos segundos de entretenimiento.
Para visitarla pueden hacerlo accediendo a http://toki-woki.net/p/scroll-clock/.