Tutorial para aprender a usar Firebug

17, septiembre, 2007

En BITELIA encuentro un tutorial de Michael Sync que nos enseña a usar Firebug (por desgracia en inglés), la potente extensión de desarrollo web para Firefox. Para ello pone a nuestra disposición tres partes que explican diferentes aspectos de la aplicación (1, 2 y 3). Estad atentos porque la cosa promete continuar.

PD: Rebuscando un poco he encontrado un pequeño tutorial (creado 18/mayo/2007) , sobre Firebug Manual Básico de FireBug (en Adictos al trabajo), pero en castellano, así que algo es algo.


Extensiones útiles para Firefox

14, septiembre, 2007

En un artículo de Antonio Delgado que leo en CONSUMER, comenta que Mozilla Firefox es un navegador web basado en software libre, realizado y financiado por la fundación Mozilla que, desde la salida de la versión 1.0 hace tres años, ha sido uno de los programas de esta modalidad más descargados por los usuarios. Actualmente alcanza un 20% de cuota en un mercado dominado por el navegador Internet Explorer de la empresa Microsoft.

Una de las ventajas de utilizar Firefox es la posiblidad de añadir extensiones (‘addons‘ o ‘plugins‘) con las que dotar al navegador de nuevas características y herramientas para hacer más sencilla y cómoda la navegación, tanto a usuarios como a desarrolladores de aplicaciones web.

En este artículo se hace un repaso a las extensiones más destacadas, aunque existen más de mil complementos que permiten desde cambiar la apariencia del navegador a tener una predicción meteorológica.

  • Tab Mix Plus: Esta extensión permite la gestión y un control simplificado de las pestañas y sesiones de Firefox. Entre sus ventajas destaca el poder guardar todas las pestañas abiertas, y reabrirlas todas a la vez en sesiones posteriores. También permite recuperar pestañas que se han cerrado y controlar el número de líneas de pestañas que son visibles en el navegador. Las versiones más modernas del navegador ya integran por defecto algunas de sus funcionalidades.
  • Gspace: Es una extensión albergada dentro del proyecto FON, que permite convertir los 2,8 Gigabytes de una cuenta de correos de Gmail en un servicio de almacenamiento online gratuito. Permite la gestión de ficheros, y el poder escuchar música directamente desde Gspace.
  • VideoDownloader: Esta extensión permite mediante un pequeño botón, incluido en la barra de estatus del navegador, acceder a una ventana donde descargar videos de más de 60 plataformas audiovisuales, como Youtube, Google Video, Metacafe o Dailymotion.
  • BugMeNot: Este complemento permite acceder a páginas web en las que es necesario registrarse gratuitamente para acceder al contenido. Con un simple clic con el botón derecho del ratón en el formulario correspondiente, la extensión se encarga de encontrar e insertar un nombre de usuario y contraseña de la base de datos de Bugmenot.
  • Adblock: Adblock es una de las extensiones más polémicas y descargadas para Firefox. Su función es la bloquear y eliminar toda la publicidad que aparece en las páginas web: pop-ups, banners y publicidad contextual deja de mostrarse a los usuarios. Permite la gestión de filtros para automatizar los bloqueos de publicidad proveniente de determinados servicios.
  • Forecastfox: Con esta extensión, se muestra una barra de estado con la predicción meteorológica de la zona que se haya seleccionado, utilizando para ello los datos de la web AccuWeather.com. Entre las opciones, se puede configurar los días de predicción a mostrar y la temperatura.
  • TwitterBar: Twitter es una de las aplicaciones sociales que han destacado en 2007. Esta extensión permite postear en Twitter directamente desde la barra de direcciones de Firefox. Al utilizarlo por primera vez, la aplicación nos pide el nombre de usuario y contraseña de Twitter para enviar el mensaje.
  • Delicious Complete: Mediante esta aplicación se puede manejar de forma fácil y sencilla la colección de links favoritos del servicio Del.icio.us. Desde cualquier página que se quiera incluir, se pueden añadir tags y comentarios para incluirlo en la cuenta del usuario de este útil marcador social.
  • Diccionario español / España: La última vesión de Firefox añade un corrector ortográfico. Mediante este complemento se añade un diccionario con palabras en español para España. Desde la misma página es posible descargar el diccionario online en otros idiomas.
  • FlashGot: FlashGot es una extensión que permite gestionar las descargas realizadas desde Firefox, pudiendo utilizar y gestionar otros gestores externos desde este complemento que permiten acelerar las descargas, como FlashGet.
  • Greasemonkey: Es una de las grandes extensiones de Firefox. Permite cambiar el aspecto de las páginas favoritas de los usuarios mediante scripts realizados en el lenguaje javascript, por medio del cual se le pueden añadir funciones, eliminar contenido y modificar todo el comportamiento del sitio web.Existe un repositorio online llamado Userscripts.org con más de 7.000 scripts ya realizados para Greasemonkey. Entre ellos están Textarea Backup, que graba automaticamente el texto escrito en formularios por si el navegador se cierra inesperadamente. Gmail Super Clean, por su parte simplifica la interfaz gráfica del servicio web de correo electrónico de Google.Una recomendación: debido a la utilización de scripts, los usuarios deben tener especial cuidado desde qué sitios se instalan estos scripts, ya que algunos pueden estar realizados por usuarios con intenciones de espiar o meter malware en el ordenador.

Extensiones para desarrolladores

  • WebDeveloper: Extensión muy útil para todos los desarrolladores web, que permite obtener variada información de una página; desde poder acceder a ficheros externos, javascript y CSS, a modificar la resolución del navegador para ver cómo queda una página web en diferentes resoluciones.
  • Firebug: Al igual que WebDeveloper, esta extensión permite a los desarrolladores controlar la evaluación y depuración de un sitio web. Es posible medir tiempos de carga y edición HTML en tiempo real.
  • ColorZilla: ColorZilla sirve para saber el código de color de cualquier parte de una página web.
  • MeasureIt: Esta extensión sirve para saber las dimensiones de cualquier sitio de una página web.

zWordPress, complemento para Firefox

11, septiembre, 2007

Muchos blogs se han hecho eco de un nuevo complemento que seguro será útil a todos aquellos usuarios de Firefox que mantienen un blog en WordPress. Se trata de zWordpress, que añade un menú a Firefox desde el que podemos acceder de forma rápida a tareas más comunes tales como:

  • Publicar un nuevo articulo: ALT+Z+Q
  • Ir al blog: ALT+Z+Z
  • Ir al dashboard: ALT+Z+X
  • Ver las estadísticas (google analytics): ALT+Z+A
  • Ver los beneficios (google adsense): ALT+Z+S

Más de 30 extensiones Firefox para desarrollo web

31, agosto, 2007

En SENTIDO WEB destacan una lista Mashable con más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas te resultarán familiares, pero otras es posible que desconozcas y pueden ser interesantes. Las puedes encontrar en 30+ Firefox Add-ons for Web Developers & Designers.


Extensión de FireFox para añadir emoticonos

19, agosto, 2007

Mario Núñez nos habla en su blog DIGI ZEN… de un recurso que nos vendrá bien para cuando queremos añadir algún emoticono gráfico en algún lugar que no posea esa funcionalidad. Se trata de Smiley Xtra , una extensión para FireFox que facilita el que podamos añadir una gran variedad de emoticonos en foros y entradas de blogs.

Añade una barra lateral en la que podemos escoger el emoticon deseado e insertarlo en la caja de texto en la que estamos redactando el mensaje. Tienes disponible más de 2,000 emoticonos para escoger.

Crazy Eyes


DevBoi, guía de referencia siempre a mano

6, agosto, 2007

En el blog VAGABUNDIA, comentan que salió la versión para Firefox 2.0.x. de DevBoi.

Una extensión imprescindible para quien trabaje con páginas web ¿Para qué sirve? Para tener siempre a mano una guia de referencia de la mayoría de los lenguajes que se emplean en internet.

Tiene dos versiones, una que funciona online utilizando w3.org y quirksmode.org; y otra que funciona offline, que descarga todos los archivos necesarios en la PC (recomendada).

Incluye documentación sobre HTML/XHTML, CSS, DOM y JavaScript. Además, pueden agregarse paquetes adicionales como PHP, XUL y Prototype.

Hay un demo donde podemos verlo en funcionamiento. Seleccionamos el lenguaje y veremos la lista de todas las instrucciones con sus atributos, una breve explicación y cuáles son los navegadores que la soportan. Al hacer click sobre cualquiera de ellas, se abrirá una página con explicaciones ampliadas; en XUL, por ejemplo, se incluyen tutoriales diversos.

En resumen, una extensión que convierte a Firefox en una guía de referencia siempre a mano.


Bill’s Big List of Firefox 2.0 Compatible Extensions

27, julio, 2007

En BLOGPOCKET encuentro un impresionante ranking, el de Bill’s Big List of Firefox 2.0 Compatible Extensions ni más ni menos que  1.826 (y aumentando) extensiones para el navegador Mozilla Firefox.

Las extensiones se pueden navegar por categorías o juntas en una sola lista. Además podemos ordenarlas según la puntuación que les hayan dado los usuarios, el número total de descargas, el número de descargas semanales, la fecha de actualización o la variación de puestos en el ranking total.

Sin duda es una herramienta útil que complementa la propia página de Extensiones oficial de Firefox.