Tablesorter: Ordenar tabla con jQuery

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.

 tablesorter with jquery

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 

¿Cómo convertir archivos RMVB a otros formatos?

Hace algunos días atrás estabamos comentando sobre los formatos RMVB (RealMedia Variable Bitrate), realmente muy usados ahora para los videos online (descarga videos) por su relación calidad - tamaño, pero no son compatible con la mayoría de reproductores multimedia. Lo común en estos casos es buscar un programa para convertirlo a nuestro formato preferido. Existen muchos pero vamos a recomendar algunos:

Convertir archivos RMVB con RM Converter

El método más simple para convertir archivos RMVB, o archivos de RealMedia, es usando Xilisoft RM Converter. Podemos configurar un par de opciones y RM Converter convertirá los archivos RMVB a los formatos que deseemos (AVI, WMV, DivX o MPEG). Los archivos convertidos pueden ser facilmente grabado en DVD. 

RM Convert 

Este programa tiene sus limitaciones por licencia, solo permite 5 minutos de video convertido. Pero existe otra forma.

Ver Artículo Completo ››

PollKit, servicio de encuestas con nuevas características

El servicio de encuestas PollKit ha iniciado el nuevo año con nuevas características. Características que seguramente serán de utilidad y harán de la creación y publicación de encuestas algo muy interesante y divertido. Por ejemplo, en la sección de Perfil del usuario podemos ver las encuestas con estos nuevos agregados:

Nuevo formato

Nuevo formato soporta Videos

Explicaremos algunas de estas:

Barra de edición

Esta barra tiene varias opciones interesantes: Editar, podemos modificar los datos de la encuesta; Estilo, podemos elegir un estilo para la encuesta embelida ó crear nuestro propio estilo; Codigo, nos proporciona el código HTML para colocarlo en nuestro blog o web; Enviar, enviar por correo electrónico la encuesta a nuestros amigos; Reporte, muestra detalles de los resultados de la encuesta incluso procedencia (país) de los votos y votos diarios; y finalmente tenemos la opción de Eliminar la encuesta.

Barra de Edicion

Entorno de creación y edición de encuestas

Creacion y edicion

El entorno de creación y edición de encuestas se ha mejorado, siendo más organizado y más fácil de usar para el usuario. Y se han incluido nuevas opciones. A parte de los ya conocidos: Pregunta de la encuesta, Descripcion, Tags, Alternativas y Categorias; se ha incluido lo siguiente:

- Agregar elementos multimedia: Ahora podemos agregar imagen ó videos (de momento de YouTube, Google Video, iFilm, Vimeo y Metacafe).

Elemento multimedia

- Registrar Actividad de los últimos 7 días: Si activamos esta opción, podremos saber cuantos votos se registran por día. Esa información podrá ser visualizada en la sección Reporte de la barra de edición.

- Registrar Procedencia de votos: Si activamos esta opción, podemos saber de que país proceden los votos. Una interesate herramienta si deseamos segmentar nuestra encuesta a cierto país o región. La información de los votos por país podrá ser visualizada en la sección Reporte de la barra de edición.

- Modo de cierre: Por defecto las encuestas tienen una duración de 1 mes desde la fecha de creación, llegada a esa fecha se cerrarán en el sentido de que no podrá ser votadas por los usuarios (más no será eliminada - no confundir). Es una forma de controlar votos. Por supuesto esa fecha se puede modificar. Pero también, podemos cerrar la encuesta estableciendo un máximo de votos. Llegado ese máximo la encuesta no aceptará más votos.

Modo de cierre

- Votos másivos: Podemos evitar que nuestro votantes voten una y otra vez. Mediante Cookie se guardará una cookie en el navegador que evitará al votante enviar su voto muchas veces (opción por defecto, con eso se ha venido trabajando ya) y mediante Dirección IP, esta opción guardará en IP del votante para evitar votos masivos.

Votos Masivos

Sección Reporte

Esta sección muestra los resultados estandar, las alternativas con su numero de votos y porcentaje; y además un gráfico en flash.

Reporte 1

Y dos reportes más relacionados con los votos por procedencia (países) y registro diario de votos (7 últimos días).

Reporte 2

Reporte 3

El Servicio de Encuestas de PollKit seguirá renovandose por lo siguiente meses, con el objetivo de ser un herramienta a tener en cuenta cuando deseemos crear una encuesta.

He aqui una encuesta de ejemplo:

 

¿Cómo reproducir archivos RMVB?

Seguramente hemos descargado un archivo, supuestamente un archivo de video, y cuando deseamos reproducirlo nuestro sistema no lo reconoce, nos fijamos en la extensión y es, por ejemplo, sample.rmvb. Bien, se trata del formato RMVB (RealMedia Variable Bitrate). Justamente RMVB es uno de los más nuevos formato del Real Player para la publicación de archivos de video, que se está convirtiendo en uno de los formatos más usados  para Animes y películas Asiaticas, debido a su pequeño tamaño y tasa de bits con una calidad excepcional en comparación con DivX.

Existen varias formas de reproducir estos videos RMVB. Descargando e instalando la última versión del RealPlayer que es gratuita disponible en el sitio oficial. Otra opción es usar Real Alternative, que reproduce videos, incluso este formato, sin necesidad de RealPlayer. 

Después de instalar cualquiera de estas aplicaciones, debemos asociar el archivo RMVB al reproductor deseado, tal como se muestra en las siguientes imágenes: Click derecho en el archivo y seleccionar Abrir con...> Elegir Programa. Luego elegir el programa, y habilitar el uso de ese programa por defecto.
 
Seleccionar programa por defecto 

Esta ha sido una de las preguntas mas consultadas del 2007 por muchos usuarios no avanzados. Espero les sirva este tip.

Compiz Fusion en Ubuntu 7.10 - Gutsy

Después de varios días de haberme animado a descargar el Ubuntu 7.10 Gutsy Gibson y tenerlo como imagen .iso en mi disco, lo grabé en un CD para instalarlo, fue un proceso que muchos de los que usamos Ubuntu ya conocemos, facil y rapido. Una vez dentro ... a configurarlo.  Lo primero que hice fue probar los efectos de escritorio con Beryl, sin embargo este ya se fusionó con Compiz y ahora viene por defecto en esta una versión de Ubuntu como Compiz Fusion. Y empezaron mis dolores de cabeza, pues mi tarjeta gráfica es una ATI Xpress 1100. Encontre un excelente tutorial donde explica como Activar Compiz Fusion en Ubuntu Gutsy de manera sencilla. Siguiendo ese tutorial es como pude configurar el Compiz en mi Ubuntu.

Si alguien esta pasando por el mismo problema con su tarjeta grafica ATI, ese tutorial puede ser la solucion. Ademas dejo un video de esta poderosa herramienta grafica para presumir de no necesitar Aero de Windows Vista. He aqui algunas demostraciones.

 

Los Navegadores Web y JavaScript

La ejecución de JavaScript ha mejorado notablemente entre 1996 y 2006. Esto se debe a que gran parte de la web 2.0 requiere de JavaScript. Para el correcto funcionamiento de las "aplicaciones web" actuales es importante la optimización del tiempo de ejecución de este lenguaje. Eso dependerá del desarrollador y en gran medida de los navegadores web, los cuales desean ubicarse en nuestra PC como el navegador por defecto, pero por supuesto deberán hacer mérito procesando las instrucciones de este lenguaje rapidamente.

Justamente para saber como, ó mas bien dicho, que tan rápido ejecuta el código JavaScript nuestro navegador favorito existe una excelente utilidad, benchmark, llamada SunSpider 0.9.

SunSpider realiza una serie de pruebas sobre el navegador para saber en tiempo que le toma para procesar ciertas instrucciones, por así decirlo, los cuales abarcan: renderizado 3D; acceso a arrays, propiedades de objetos y variables; procesos matemáticos con enteros y punto flotante; control de flujo (blucles, recursión, condicionales); encriptado; performance de objetos "date"; expresiones regulares; tratamiento de cadenas y mucho más.

He aquí un analisis de los principales navegadores del mercado testeando procesos e instrucciones del lenguaje JS con SunSpider.

Se uso el siguiente equipo: Windows Vista 32-bit, 4 GB RAM, Procesador 3.0 GHz Core Duo 2; y los navegadores sin extensiones ni plug-ins, o sea una instalación limpia. He aquí los resultados.

Test 1 

Parece que IE es el mas demoron en ejecutar las distintas instrucciones de JavaScript, sobre todo en lo relacionado con el tratamiento de cadenas (String). La sorpresa, es que la relación de lentos, sigue Firefox. Lo sorprendete es el muy recomendado Opera, practicamente 4 veces más rápido que IE.

En este otro gráfico podemos apreciar los mismos resultados en otra forma:

Test 2 

El JavaScript parece que va a seguir siendo una fuente de posts y artículos en los diversos blogs de desarrollo el próximo año que se nos viene, como siempre lo que nos interesará será la forma de implementarla de manera efectiva, pero también  dependerá de como los navegadores web actuarán para realizar los procesos más rápido.

Vía Coding Horror 

Google Chart API con PHP

Tanto se habla de Google Chart API y como implementarlo con ayuda de frameworks conocidos como Prototype y Ext, sin embargo podemos implementarlo con cualquier otros framework ó lenguaje que trate con HTML. Para PHP es realmente simple:

Basta con generar los datos, de preferencia almacenarlos en un array, para crear el url y establecerlo en el atributo de la etiqueta IMG de nuestra página. Les dejo el link para el tutorial y así ustedes puedan implementarlo. 

Google Chart API in PHP

Chart Maker: generador de gráficos con Ext2 y Google Chart API

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.

Chart Maker 

¿Tu PC tomá mucho tiempo en iniciar?

Si su PC con Windows está tomando mucho tiempo en el arranque, es posible que muchos programas y servicios de Windows está configurado para iniciarse automáticamente al iniciar la sesión.

Para solucionar este problemilla, podemos hacerlos manualmente mediante el editor de registro (regeidt) ó la utilidad de configuración del sistema (msconfig). Sin embargo existe una forma mas fácil con Autoruns 9.0 una utilidad proporcionada por el mismo Microsoft.

Autoruns 9.0

Autoruns muestra qué programas ó servicios están configurados para ejecutarse durante el arranque del sistema ó sesión del usuario, los cuales están listado en el orden en que Windows los procesa.

Puede seleccionar los servicios, los programas y las entradas del registro que pueden ser responsables de la demora del arranque de Windows y desmarcarlos para desactivar.

Enlaces | AutoRuns para Windows

Desplazándote por Imágenes Panorámicas con JavaScript

Seguramente hemos escuchado de visitas ó tours virtuales, por ejemplo Easypano es una empresa que se dedica al desarrollo de software para la creación de visitas virtuales basándose en Java. Ahora bien, nos referimos por visitas virtuales a la interacción que tiene el usuario con fotografías panóramicas ó de 360ºx360º para desplazarse por éstas como si estuviera en lugar donde fueron tomadas. Esto es muy usado en el campo de la inmobiliarias, los brindan a través de sitios web ó a través de CDs multimedia.  Como vuelvo a repetir este tipo de aplicación se basan en Java, hasta donde conozco.

Sin embargo, vía Ajaxian me entero que alguien dio el primer paso para desplazarnos por fotografías panorámicas usando JavaScript (era de esperarse), lo cual bien se puede aplicar a una visita virtual. En realidad no es el primero, hace algunos meses descubrí algo parecido en Javascript pero no tenía un buen acabado.

Por ejemplo, si tenemos esta imagen panorámica.

 Africa panoramica

El resultado aplicado este código en Javascript. Con la ayuda del mouse puedes indicar el sentido de desplazamiento (derecha o izquierda).

Africa 3D 

Aunque el autor menciona en su post que esta utilidad fue algo casual que él hizo, pues no esta renderizado aún, y consume mucho de tu microprocesador. Pero ¿verdad que no está mal la idea? Ahora solo a esperar a que alguien se incline por agregar este tipo de desplazamiento con JavaScript a imágenes de 360ºx360º.

Enlace | Stupid JavaScript Tricks: "3D" Panorama

Google

Categorias

Archivos