Posts Tagged 'plugin'

Firefinder para Firebug

Siguen apareciendo extensiones para Firebug. La última que he encontrado se llama Firefinder y ofrece la posibilidad de acceder directamente a elementos HTML a partir de selectores CSS o expresiones XPath.

firefinder

Visto aquí.

jQuery Quicksearch

Me atrevería a decir que ya hay miles de plugins de jQuery. Entre ellos jQuery Quicksearch me ha parecido especialmente útil. Permite el filtrado por texto de filas de tablas, items de listas o parráfos.

Su uso es muy sencillo. Por ejemplo, el siguiente snippet añadiría un input sobre la tabla especificada para poder filtrar filas a partir del texto introducido en dicho input.

$('table#table_example tbody tr').quicksearch({
	position: 'before',
	attached: 'table#table_example',
	stripeRowClass: ['odd', 'even'],
	labelText: 'Search the table',
	delay: 100
});

Visto en http://encosia.com/2008/10/19/7-of-my-favorite-jquery-plugins-for-use-with-aspnet/

Elastic tabstops

Cuando escribimos código, muchas veces nos encontramos en la duda de si usar tabuladores o espacios para indentar. Cuando uno programa solo, es fácil llegar a un acuerdo consigo mismo y usar una alternativa u otra. Pero cuando se trabaja en grupo o cuando se mete mano a el código de otros la cosa cambia. El resultado de no ponerse de acuerdo es que, el inicio de una línea no encaja con el inicio de la siguiente, se acaba indentando con tabuladores y espacios, etc. No es un mal mayor pero, a todos nos gusta leer un código limpio y ordenado.

Elastic tabstops propone como solución redefinir el comportamiento del editor de texto para que, en vez de aumentar la posición del cursor N caracteres desde su origen al pulsar el tabulador, su radio de acción este delimitado por una celda tal y como se muestra en el gráfico:

Para entender mejor el concepto es mejor verlo. El artífice de la idea muestra en su web un ejemplo y un video demostrativo. En dicha página, además puedes descargar un un plugin para Gedit que implementa este comportamiento. Sería ideal otro para Eclipse 🙂

Más información en la Wikipedia

Selector de hora experimental con jQuery

Así como siempre utilizo un selector de fechas para los campos de dicho tipo, nunca me he planteando usar un selector de tiempo. Normalmente dejo que los usuarios introduzcan las horas y los minutos a mano y luego hago la validación. Creo que, gracias a el plugin de jQuery jquery.timepickr.js, voy a cambiar de filosofía.

Pixel Perfect – Un plugin de Firebug para diseñadores.

Pixel perfect es una extensión de Firebug que facilita la maquetación de páginas web permitiendo al diseñador la superposición de imágenes sobre una página ya creada. Las imágenes superpuestas pueden ser arrastradas libremente hasta encontrar su posición ideal. Además de la posición también es posible modificar la opacidad.

La gente de http://extensionesfirefox.blogspot.com/ ha publicado un video en Youtube que muestra su funcionamiento (Gracias por el video):

jQuery Sparklines

jQuery Sparklines es un plugin de JQuery para la construcción de sparklines o lo que es lo mismo, gráficas tamaño texto de este tipo –> .

Un ejemplo:

Quiero graficar estos valores en un sparline [1,2,3,4,5,4,3,2,1].

Escribo este html:

<span class="sparklines">1,2,3,4,5,4,3,2,1</span>

y le aplico el plugin indicando que coja los valores del html que contiene la etiqueta span…

$('.sparklines').sparkline('html');

…con lo que obtendría esto:

Si quisiera pasar la ristra de valores desde js pues haría esto…

$('.sparklines').sparkline([1,2,3,4,5,4,3,2,1]);

…y obtendría lo mismo:

Los tipos de chart y sus propiedades son personalizables. Si por ejemplo quisiera representar los mismos datos en un gráfico de barras de color verde bastaría con esto:

$('.sparklines').sparkline('html', { type:'bar', barColor:'green' });

y el plugin pintaría este otro sparkline:


Add to Technorati Favorites
Clicky Web Analytics Clicky

Flickr Photos