DownloadHelper

¿Cuantas veces hemos querido descargar un video interesante de YouTube u otro servicio de videos, pero no teniamos a la mano una herramienta que nos ayude a este respecto? Probablemente encontramos por allí utilidades web ó software de escritorio para ello, pero a veces van muy lento.

Pues bien, este extensión (add-on) que simplifica el proceso de descarga multimedia con un par de clics (así es, no solo descarga videos). Después de instalarlo tendremos un nuevo elemento-icono llamado Download Helper en la barra de navegación que nos notificará por elementos multimedia en la página. Ej. abrimos una página de video, clic en el icono Download Helper y seleccionamos el archivo a descargar y guardar.

Tree Style Tab

¿Cuántas pestañas acostumbramos abrir? Pues seguramente son más de dos. En realidad no hay problema en monitores con una amplia resolución, el espacio sería lo de menos. Pero si estamos trabajando con nuestra portátil de 15.4" de pantalla, y abrimos más de 10 pestañas, la forma de ubicar cada pestaña se dificulta si estas de aca para allá entre tantas.

Y si ordenamos las pestañas en forma de vertical ¿le sería más facil? Pues Tree Style Tab hace eso. Esta extensión ubica las pestañas en forma vertical en un panel lateral, en forma de tree view (vista árbol), tal como el panel lateral del Explorador de Windows. Podemos expandir ó contraer para ahorrarnos espacios, dimensionar el ancho del panel y más.

Picnik

Entre tantos editores gráficos basados en web, existe uno llamado Picnik muy interesante, potente e intuitivo. Ahora si queremos editar con Picnik de manera rápida y sencilla una imagen que encontramos navegando por internet, podemos hacer uso de la extensión que lleva el mismo nombre que este servicio. Esta extensión agregar una serie de opciones al menú contextual de las páginas de Firefox, para enviar cierta imagen que elijamos (incluso puede hacer un screenshot de la página completa) a la aplicación Picnik directamente y allí editarla.

ScrapBook

Está extensión permite hacer capturas de páginas web, pero no como una imagen estática sino como un pagina web editable. Podemos añadirle notas, elementos, enlaces, comentarios ó borrar algunos elementos de la página y luego guardar los cambios que hagamos. Si va de viaje y lleva su portátil puede almacenar contenidos de la web con ScrapBook que luego podrá revisar y editar a su manera offline.

qUIpt es una pequeña librería que guarda en caché archivos JavaScript, aunque SSL esté activado. qUIpt ayuda al propietario de un sitio web a reducir costes de tráfico, además sus visitantes podrán ver que las páginas web cargan más rápido.

Funciona mediante comprobar el contenido de window.name mientras la página está cargando. Si no hay contenido dentro de window.name, los archivos necesarios se descargan mediante XHR. Lo mismo sucede si un usuario entra por primera vez a nuestro sitio ó si document.referrer (el documento desde el que se ha llegado al documento actual pulsando un enlace) está fuera de nuestro dominio ó esta vacia.

La idea es buena pero en cuanto a seguridad es un poco cuestionable. Seguramente el desarrollador de esta utilidad tendrá en cuenta ello a futuro. 

• Fuentes
• Ejemplo

Roar Notification es un widget de notificación de mensajes entrantes en nuestra página web al mismo estilo de Windows Live Messenger ó FeedDemon (para tener una idea), sin distraer al usuario del contenido principal navegador ni mostrando alertas molestas que distraen y desesperan. Está hecha con JavasScript y mootools.

Ejemplos:

• Never-ending Feed
• Random Alerts
• Update Ticker

lightboxXL es un mejora realizada por Antonio Ramirez de Lightbox++, la cual tiene que ver con la inclusión de videos. Por ejemplo el Lightbox++ solo permite un video con extensión SWF, sino no funciona; pero el lighboxXL va mas allá: multiples videos y videos de varias redes como YouTube, Metacafe, iFilm y más. Puedes ver en antCut, un servicio (del cual hablaremos más adelante) del mismo desarrollador, donde se aprecia el lightboxXL en acción.

Cómo trabaja

<a title="TITLE" tag="SWF" height="355" width="425" rel="lightbox" href="http://www.whereisthemovielocated.com/">content</a>

Donde:

• TITLE: título de la imágen ó video
• TAG: aqui le decimos al lightboxXL, si se trata de un video (SWF) ó una imágen (IMG)
• HEIGHT: alto
• WIDTH: ancho
• REL: esta etiqueta es obligatoria si el link es parte de un conjunto de imágenes /videos, sería algo así: REL="lightbox[NombreConjunto]"
• HREF: donde está ubicada tu video/imágen?

Phatfusion es un sitio web donde encontramos muchas utilidades javascript-flash de calidad. Un lugar muy visitado por los desarrolladores web. En esta oportunidad nos centraremos en una de estas utilidades llamada multibox, un lightbox (ó ventana modal dentro del navegador) hecho con mootools con soporte para imágenes, video, flash, mp3's y html. Compatible con Firefox 2, IE6, IE7 y Safari.Realmente muy útil.

Enlaces | Demo-Info 

En Deziner Folio se ha realizado un lista de 7 editores de texto para Drupal, aunque puede también nos sirve para nuestros proyectos personalizados.

YUI Rich Text Editor

UI control que reemplaza los controles textarea de los documentos HTML conviertiendo en un editor de contenido potente.

TinyMCE

TinyMCE es uno de los más recomendados editor de texto. Es totalmente configurable y personalizable, fácil de integrar con nuestro CMS (Content Management Systems) favorito. Su configuración avanzada hace que este editor se acerque casi a los editores de texto de escritorio, por su facilidad de uso.

FCKeditor

Es otro de los más conocidos y recomendados editor de contenido. Pese a que es bien potente no necesita ningún tipo de instalación en la máquina cliente.

HtmlArea

Una interesante herramienta para el edición de contenido. 

WYMeditor

WYMeditor es un editor hecho con XHTML/JavaScript.

widgEditor

widgEditor es un editor de contenido simple. Fácil de instalar y personalizar.

NicEdit

NicEdit es un editor de contenido creado con JavaScript/AJAX, permite la fácil edición de contenido.

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.