Otro Blog Más » firefox

Plugins para hacer tests de Regular Expressions

otroblogmas.com — Wed, 21 Jul 2010 07:00:42 +0000

Comentando con los compañeros de trabajo, llegamos a la conclusión que el punto dévil de la mayoría de programadores son las expresiones regulares: una simple cadena de carácteres, normalmente de no más de 30 carácteres, lo que puede llegar a amargar. A parte de tutoriales, guías y compañeros, una herramienta útil son las aplicaciones que permiten hacer pruebas de busqueda y de sustitución.

Existen dos plugins, uno para Firefox y otro para Google Chrome, que nos pertimen realizar los tests sin salir del navegador:

Regular Expressions Tester 3.0: plugin de Firefox, que resalta con colores los resultados de las búsquedas.

Regular Expression Checker: plugin de Google Chrome, inspirado en el anterior.

Vía Devcurry.

Entradas relacionadas:

Firebug: cheat sheet para sacar el máximo provecho

otroblogmas.com — Thu, 29 Apr 2010 07:00:55 +0000

Cualquier desarrollador web que conozca Firebug, sabrá que es una herramienta imprescindible para su trabajo. Con este plugin de Firefox, se puede obtener información de la página web cargada, modificar su aspecto, debugar el código javascript,… Y además es un plugin al que se le pueden añadir otros plugins como FirePHP, FireCookie o YSlow, para aún darle más funcionalidades.

Para poder sacar el máximo rendimiento, es recomendable el siguiente cheat sheet que recopila:

Atajos de teclado, para movernos más rápidamente.
Atajos de ratón, que son combinaciones de teclas con click del ratón.
Comandos para ejecutar en la línia de comandos de la pestaña “Consola”.
Comandos de la API de Firebug, que carga a medida que se carga la página.

Aunque la versión actual del Firebug es la 1.5.3, y el cheat sheet es de la versión 1.2, la mayoría de comandos y atajos son compatibles. Aquí estan los links:

Duvet-Dayz.com – Cheat Sheet en versión HTML Duvet-Dayz.com – Cheat Sheet en versión PDF (mirror) Duvet-Dayz.com – Cheat Sheet en versión PNG GetFirbug.com – Wiki de atajos de teclado

ACTUALIZACIÓN (2010/07/26): Añado un documento de DZone: Getting Started with Firebug 1.5 (mirror).

Entradas relacionadas:

Mis scripts para GreaseMonkey

otroblogmas.com — Fri, 20 Nov 2009 07:00:36 +0000

GreaseMonkey es una extensión para Firefox, que permite ejecutar ciertos scripts en ciertas páginas. Para explicarlo, que mejor que la Wikipedia:

Greasemonkey es una extensión para el navegador Mozilla Firefox que permite, por medio de pequeñas porciones de código creadas por usuarios, modificar el comportamiento de páginas web específicas. Con esta extensión es posible mejorar la experiencia de lectura de un sitio, hacerlo más usable, añadir nuevas funciones a páginas web, corregir errores, mejorar servicios de búsquedas y muchas otras cosas más.

Así, una vez instalada, necesitamos instalar esas porciones de código. Existe una página, Userscripts.org, donde se encuentra una gran biblioteca de scripts para instalar directamente en Greasemonkey, casi 40.000 scripts organizados y catalogados.

Los scripts que te más ayudarán, dependerán de las páginas que más utilizas. Yo aquí hago una pequeña lista con los scripts que me hacen la vida más fácil:

A Bit Better RTM for Greasemonkey: substanciales mejoras en RememberTheMilk.
Gmail Unread Message Count in Favicon: muestra el número de mensajes no leídos en el favicon.
@troynt’s Twitter Script: añade más funcionalidades a la página de Twitter.
TinyURL Decoder: decodifica los links cortos en los links completos.
Facebook Alter: modifica Facebook, quitando la publicidad y demás.
Remove All Facebook Ads: elimina la publicidad del Facebook.
Google Reader Unread Count: muestra el número de items a leer en Google Reader, incluso cuando son más de 1000.
Google Reader for wider screens: amplia el ancho de los items en Google Reader.
Favicons for Google Reader: muestra los favicones de las suscripciones en Google Reader.
Goodbye SnapShot!: elimina esas molestas ventanas de snap.com .

Existen muchos más scripts, y seguro que encuentras alguno interesante. Para los juegos de navegador, como Travian, existen scripts que te ayudan con información hecha con sus cálculos, o demás operaciones.

Entradas relacionadas:

Mis extensiones para Firefox(3/3): para desarrollo web

otroblogmas.com — Wed, 02 Sep 2009 07:00:34 +0000

Finalizo la serie de tres entradas, con una lista de los plugins o extensiones que utilizo con Firefox para desarrollar webs. Son unas extensiones que me ahorran mucho tiempo y me ayudan a trabajar mejor.

Recomiendo probarlas todas, para ver si os son útiles:

FireRainbow: colorea la sintáxis del JavaScript que se ve en el plugin Firebug.
ColorZilla: añade la función de pipeta, la leer cualquier color de una página web y ver su código hexadecimal.
Firebug: la herramienta indispensable de todo desarrollador web.
Firecookie: control de las cookies (ver y modificar).
Html Validator: validador de código HTML que te muestra los errores y warning.
Live HTTP Headers: muestra todas las cabeceras HTTP que se tramitan en el navegador.
MeasureIt: dibuja unas reglas para poder medir en píxeles lo que se quiera de la web.
QuickJava: añade dos botones rápidos en la barra de estado para habilitar o deshabilitar el Java o el Javascript del navegador.
Tamper Data: muestra y permite modificar las cabeceras HTTP.
UrlParams: en una barra lateral te muestra todos los parámetros por GET y por POST.
User Agent Switcher:puedes cambiar el user-agent de Firefox por el que quieras.
Web Developer: barra de herramientas con muchas funcionalidades para ayudar a hacer páginas webs.
YSlow: nueva pestaña en el Firebug que muestra información sobre la carga de la página web.

ACTUALIZACIÓN (2011/03/26):

Firediff: muestra los cambios que se producen debido a la ejecución del Javascript.
Dust-Me Selectors: muestra los selectores CSS que no son usados.

Entradas relacionadas:

Mis extensiones para Firefox(2/3): necesarias

otroblogmas.com — Tue, 01 Sep 2009 07:00:39 +0000

Siguiendo la serie de tres entradas, cada una con una lista de los plugins o extensiones que utilizo con Firefox, enta entrega serán plugins necesarios para facilitar tareas en sitios como Google, Gmail, Twitter, …

Aquí os dejo con el listado:

Better Gmail 2: añade funcionalidades al uso de Gmail.
Blank Canvas Gmail Signatures: permite añadir código HTML al final de los emails para que sea la firma.
CustomizeGoogle: permite configurar bastantes aspectos de las diferentes aplicacions de Google.
Delicious Bookmarks: todo usuario de Delicious debería usarla. Fácil y rápida, tanto búsqueda como creación de marcadores.
DetectVideo: Eliminar los límites de las plataformas de streaming (Megaupload, Megavideo,Megaporn, Rapidshare …)
Email This! Bookmarklet Extension: facilita la opción de enviar la página que estas viendo a través de diferentes servicios de correo como Gmail, Yahoo o otro personalizado.
FireShot: permite a hacer capturas de pantalla con muchas opciones.
Gmail Manager: obligatorio para usuarios de Gmail. Es un notificador de los nuevos emails en la barra de estado.
Google Notebook Extension: integración en Firefox de Google Notebook. Enlace a la versión para Firefox 3.5 .
GooglePreview: añade vistas en miniatura a las búsquedas en Google.
Google Reader Watcher: notificador de Google Reader.
Greasemonkey: a partir de pequeños scripts, modifica aspectos de las páginas webs.
TwitterFox: notificador de las cuentas de Twitter.
Vacuum Places Improved: descubierto hace poco a través de ZonaFirefox.net, defragmenta las base de datos para hacer que arranque más rápido.
Xmarks: sincroniza todos los marcadores con un servidor, para tener sincronizados todos los navegadores que tengan este plugin.

Actualización (2009-11-19):

Google Wave: notificador de nuevos Waves en la barra de estado.

Actualización (2009-12-01):

Bookmark Autohider: oculta la barra de marcadores automáticamente.

Entradas relacionadas:

Mis extensiones para Firefox(1/3): imprescindibles

otroblogmas.com — Mon, 31 Aug 2009 07:00:32 +0000

Viene una serie de tres entradas, cada una con una recopilación que he hecho con el tiempo de los plugins o extensiones que utilizo con Firefox. Algunos plugins son para la programación, otros para facilitar tareas y otros para mejorar Firerfox. En esta primera entrada, os muestro los que considero imprescindibles:

Adblock Plus: bloquea y no carga anuncios y publicidad de las webs.
Adblock Plus Filter Uploader: actualiza los filtros que tiene Adblock Plus para bloquear las últimas publicidades.
ColorfulTabs: colorea las pestañas con diferentes colores.
Download Statusbar: olvida la ventana de descargas. Ahora tendrás en todo momento las descargas en la barra de estado.
IE Tab: permite que una pestaña sea ejecutada con el Internet Explorer de Windows, desde el mismo Firefox.
Link Alert: con un dibujo al lado del puntero sobre un enlace, muestra que tipo de enlace es (archivo, email, ventana externa, …).
PDF Download: muestra una ventana en cada PDF, dando a elegir que se quiere hacer: guardar, abrir, …
SkipScreen: automatiza la descarga de archivos desde paginas que te hacen esperar como Rapidshare, Megaupload, …
StatusbarEx: muestra información en la barra de estado sobre la memoria RAM consumida, la CPU, la red, …
Tweak Network: modifica parámetros de Firefox para aumentar la velocidad de navegación.
Update Notifier: avisa de las actualizaciones de los plugins y los temas, y puedes configurarlo para que actualice automáticamente.
Windows Media Player Firefox Plugin: plugin para tener el Windows Media Player en el Firefox como reproductor.

Entradas relacionadas: