WeStream es un nuevo applet (aplicación Java) que nos permite escuchar canciones, las secuencias descargadas (streaming) de archivos torrent. Este applet es desarrollado por BitLet (cliente torrent web), tiene una gran interfaz, y es compatible con todos los navegadores que tenga habilitado Java.

WeStream funciona de manera similar a BitLet. Todo lo que tenemos que hacer es ir a la página de WeStream, introducir el enlace del archivo .torrent correspondiente a archivos de música y pulsar el botón Play. El applet se encargará de escanear el torrent, así saber si los archivos son adecuados para el streaming (oir-escuchar mientras se descarga) y proporcionarle una interfaz para su reproducción y volumen.

WeStream soporta archivos de audio OGG y MP3, pero más tipos de archivos serán incluidos más adelante.

Debes tener en cuenta lo siguiente para lograr una óptima experiencia de streaming. Lo importante, como en todo sistema de BitTorrent, es que debe haber suficientes semillas y peers para garantizar una velocidad de descarga decente. Además, la duración de la descarga-reproducción dependerá del tamaño del archivo y el ancho de banda necesario.

A continuación se muestra un ejemplo de WebStream para un torrent de Mininova. Haz clic en el enlace para que veas el resultado en tu navegador. Por ejemplo tenemos este enlace de torrent que elegimos al azar el cual contiene archivos mp3.

WeStream es una gran herramienta para la gente que desea escuchar un avance de una canción antes de descargala completamente ó todo el album de un artista.

Vía TorrentFreak 

IE7.js es una librería JavaScript que hace que el Microsoft Internet Explorer se comporte como un navegador compatible con los estándares. Se centra en cuestiones de CSS y hace que los PNG transparentes se muestren correctamente en IE5 y IE6.

Esto resulta útil pues hacer CSS compatibles entre navegadores como Internet Explorer y ... el resto, es perder horas en el desarrollo de nuestros proyectos. Así que recomendamos IE7.js. Nos ayuda a no preocuparnos en nuestros trabajos por la compatibilidad CSS entre los navegadores web. Aunque también nos ayuda de otras formas, consulte la información en los enlaces.

Enlaces IE7.js 2.0 beta, demo, Cross-browser 

Tablesorter es un plugin para jQuery que convierte una tabla estándar HTML con etiquetas THEAD y TBODY en una tabla ordenable sin necesidad de recargar la página (AJAX). Tablesorter puede analizar y clasificar de manera satisfactoria muchos tipos de datos.

Características

• Ordenado de múltiples columnas.
• Ordenado de datos tipo: texto, URI, enteros, moneda, punto flotante, direcciones IP, fechas (ISO, formatos largos y cortos), hora e incluso un formato propio.
• Soporta etiquetas ROWSPAN y COLSPAN en TH (cabeceras).
• Soporta formato de ordenado secundario. Es decir, puede ordenar alfabeticamente y como formato secundario: ordenar por números.
• El tamaño del archivo 7.4KB.

Vía javascriptkata

Enlace jQuery plugin: Tablesorter 2.0 

Con la nueva API para gráficos que Google ha hecho disponible, han salido a la luz nuevas herramientas que nos ayudan a configurar de manera más fácil. Justamente Chart Maker, se encarga de generar gráficos con la interface de usuario de Ext 2.0 y Google Chart API. Hay que recordar que para generar gráficos con Google Chart debemos especificar ciertos valores a los parametros que enviaremos por URL:

http://chart.apis.google.com/chart?cht=p&chs=280x140&chtt=My%20Graph&chl=Futbol%7CCricket%7CRugby&chco=ff0000,00ff00,0000ff&chd=t:100,80,90 

así que para evitarnos ese trabajo, muchas veces confuso, podemos usar Chart Maker.

Hace algunos días atrás se informó acerca de Google Chart API (una ayuda para gráficas web) y ahora vía AXXT me entero que de un plugin que usa Prototype para crear gráficas con Google Chart API facilmente y no morir en el intento.

Implementación (pie chart):

Incluye los archivos javascript necesarios:

<script type="text/javascript" src="prototype.js"></script>  
<script type="text/javascript" src="GoogleChartAPI.prototype.js"></script> 

Dentro de las etiqueta head:

<script type="text/javascript">  
 Event.observe(window,'load',function(){  
    var g=new GoogleChart();  
     g.init('chart-01'); //Target Div ID   
     g.setChartType('p3');  
     g.setChartTitle('Pie Chart Example');  
     g.setChartSize('450x140');  
     g.setChartColors('FFFF00,000066,0000cc,0000ff');  
     g.setChartData([[10,15,25,50]]);  
     g.setLabels('Data 1 (10%) | Data 2 (15%) | Data 3 (25%) | Data 4 (50%)');  
     g.drawChart();  
 });  
</script>  

Dentro de las etiquetas body:

<div id="chart-01"></div> 

Enlaces | Página de proyecto, GoogleChartAPI.prototype.js

amCharts nos brinda una serie de herramientas para la creación de gráficos dentro de nuestras páginas web:

Pie & Donut chart (tajada/torta/rosquilla)

Line & Area chart (lineas)

Column & Bar chart (columnas/barras)

Scatter & Bubble chart (burbujas dispersas)

Todos estan disponibles para descargas, con características limitidas, una de las cuales es que muestra un link en la parte superior-izquierda: chart by amCharts.com. Para quitar ese enlace debemos pagar 85 euros. 

Lo interesante de estas utilidades es que son totalmente configurables y trabaja con los datos obtenidos de formatos XML ó archivos de texto TXT, los cuales podemos generarlos con lenguajes de servidor como PHP, ASP, etc.

Seguramente hemos encontrado sitios web que hacen buen uso de JavaScript, y queremos saber cuál es el código como para guiarnos en nuestros proyectos web (más no copiarlos), pero nos encontramos con que el código está encriptado, comprimido ó poco legible. Es justamente donde entra a tallar JavaScript Beautify. Para entender mejor el funcionamiento de esta herramienta, veamos un ejemplo:

Una función e JavaScript comprimida:

function nuevoAjax(){var xmlhttp=false;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp} 

Usando JavaScript Beautify: 

function nuevoAjax() {
    var xmlhttp = false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")
        } catch(e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
            } catch(E) {
            xmlhttp = false
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        xmlhttp = new XMLHttpRequest()
        }
    return xmlhttp
}

¿No es más legible en código ahora?

Vía Ajaxian

Seguramente se acuerdan de Lightbox, lo mencionamos en un articulo anterior, es una utilidad en JavaScript que permite mostrar imágenes en una ventanita aparte dentro del navegador.

Ahora bien Videobox, es justamente lo mismo pero en vez de imágenes muestra videos como pueden ser de: YouTube, Google Video, MetaCafe, iFilm ó cualquier archivo flash.

El tamaño del script JS es de 6kb. Usa la librería mootools y swfobject para embelir archivos flash.

Como usarlo

Referenciamos 3 archivos JavaScript necesarios y el archivo de estilos CSS en la parte del <head>.

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />

Y aquí lo importante

<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">tu video, o si gustas coloca una imagen del video</a>

Adicionalmente puede cambiar el tamaño del video dentro del atributo rel:

<a href="http://www.youtube.com/watch?v=VhtIydTmOVU" rel="vidbox 800 600" title="caption">our video1</a>

Enlaces | Videobox