Tutorial para aprender a usar Firebug

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

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

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

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

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.

DevBoi, guía de referencia siempre a mano

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

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.

Aardvark Firefox Extension

Continúo con el blog WEBADICTO que hoy tiene cosas muy interesantes. Comenta sobre una extensión, que yo recuerde fue de las primeras que instalé cuando descubrí a Firefox. Cuando empezaba en eso del diseño de paginas, y me ha dado una gran alegría pues me había olvidado de la Aardvark Firefox Extension. Por lo que ya la acabo de instalar.

Una vez instalada, nos mostrara las características, código fuente, elementos, etc. de cualquier pagina web con solo mover el ratón sobre de ellos.

Además aunque no nos dediquemos al diseño web, esta extensión resulta muy útil a la hora «limpiar» banners, barras y demás barbaridades de una pagina web con el fin de poder imprimirlas.

Cuarenta extensiones de blogging para Firefox

En el blog INCUBAWEB encontramos un enlace a Mashable! que an montado una lista con más de 40 add-ons y extensiones que facilitan la tarea de bloggear y proveen herramientas para ello, por supuesto los afortunados son los usuarios de Firefox.

En la lista tenemos extensiones para diversas tareas: publicar en el blog, herramientas para subir contenido como videos o imágenes, integración con Google AdSense, validación de código, etc.

Una buena colección de herramientas para los que nos dedicamos a esto del blogging.

FireUploader, la herramienta de upload definitiva para Firefox

Mario Camargo en BITELIA comenta que si tienes cuenta de Flickr, Picasa, YouTube, Box.net, Facebook, Webshots u OmniDrive, esto te interesa. FireUploader es una pequeña extensión para Firefox que te permite – previa alta de tus cuentas – subir archivos a cada uno de estos sitios de una manera muy sencilla: Drag&Drop.

No hay mucho más que explicar, una vez instalada la extensión puedes activarla desde el icono que se empotra en la esquina inferior derecha de Firefox con un solo click.

En una sola palabra: Genial.

Convierte a PDF una web utilizando una extensión para FireFox

En DIGIZEN encuentro una nueva extensión, que si recordamos la lista de herramientas para convertir a PDF en Trabajar con los formatos PDF sin Adobe Acrobat, tenemos que añadir Loop, una extensión para FireFox que debe muy pronto convertirse en favorita de muchas personas. En el blog de Arturo Goga lo explica con detalles el funcionamiento de la misma.

Diez extensiones imprescindibles para Firefox

El EL PAÍS encuentro un artículo escrito por Aitor Riveiro, donde nos recomiendan diez extensiones (o añadidos para mejorar el navegador), que el autor considera imprescindibles para Firefox.

Este tipo de articulo es ya un clásico en los blog y ahora también en la prensa especializada en tecnología. El navegador Firefox tiene cada vez más adeptos y una de las claves del éxito radica en los complementos que se le pueden añadir «a gusto del consumidor«, hasta conseguir personalizarlo al máximo.

Los complementos de Firefox son miles, ya que al ser un programa de código abierto cualquier desarrollador puede crear el suyo propio. Esta pequeña selección de los que, por sus cualidades, son algunos de los ‘addons‘ imprescindibles:

• No sin mis marcadores. Contar con una buena colección de marcadores es imprescindible. Pero, ¿qué hacer cuando trabajamos desde distintos equipos (trabajo, hogar, portátil, cibercafé?)? Una de las múltiples soluciones es ‘Foxmarks Bookmark Synchronizer’, un complemento que nos permite guardar nuestros favoritos en una base de datos externa; así, cada vez que iniciemos nuestro navegador éste se sincronizará automáticamente con la copia que se encuentre en dicha base de datos. Eso sí, hay que tener cuidado con no borrar sin querer direcciones importantes, pues éstas desaparecerán en todos nuestros equipos.

• Malditas animaciones flash. ¿Quién no ha entrado en alguna web en la que una animación publicitaria o vídeo flash arranca por su cuenta y riesgo? No sólo ralentiza la carga de la página, sino que puede emitir sonidos comprometedores mientras estamos en lugares nada adecuados. ‘Flashblock’ sustituye los contenidos flash por un botoncito de ‘play’. Así, si queremos, solo si queremos, ver una determinada imagen animada o un vídeo, no hay más que pinchar? y disfrutarla.

• Soy vago, y a mucha honra. No es raro encontrarse en muchas páginas web con direcciones de Internet escritas, pero en las que no podemos pinchar porque el autor no ha hecho un enlace. Si queremos visitar dicha dirección, hay que seleccionar el texto, copiar, abrir una nueva ventana o pestaña, pegar la URL… En ocasiones, con tal de no hacer todo esto, obviamos la dirección; y quizá, solo quizá, esa URL era la llave de entrada a la web de nuestra vida. Para los muy vagos existe ‘Fetch Text URL’, que convierte cualquier texto que seleccionemos en una dirección de Internet al uso. Simplemente hay que pulsar el botón secundario del ratón y decirle si queremos que nos abra la URL en una nueva ventana, en una nueva pestaña o en la actual.

• ¡Cuidado, virus!. Unas veces, los enlaces brillan por su ausencia; otras, sin embargo, las páginas presentan decenas de ellos. Y no siempre sabemos si el sitio al que apuntan es de fiar. También sucede con determinados links a archivos para descargarse. ‘Dr.Web anti-virus link checker’ es un complemento que nos permite, pulsando el botón secundario del ratón, analizar cualquier archivo que nos vayamos a descargar o cualquier página que vayamos a visitar con el antivirus Dr. Web. Se abre un popup y en unos segundos, tenemos el diagnóstico.

• Flickr, YouTube, Facebook? ¡Qué agobio!. Compartimos fotografías con Flickr, vídeos con YouTube, nuestras canciones con Facebook? Entrar en cada uno de estos portales cada vez puede ser algo tedioso pero con ‘Firefox Universal Uploader’ nos lo podemos ahorrar. Este complemento funciona como un programa FTP al uso. Simplemente hay que seleccionar el archivo que queremos subir y darle a la flechita. De momento, está disponible, además, para Box.net y Picasa.

• Pestañas para dar y tomar. La utilización de pestañas es una de las ventajas principales que incluyó Firefox desde sus inicios y que Windows ha implementado en la última versión de su navegador. En una sola ventana, podemos tener abiertas varias páginas web, consultarlas y cerrarlas cuando deseemos. Gracias a ‘Tab Mix Plus’ el potencial de las pestañas de nuestro ‘zorro de fuego’ se eleva de manera exponencial. Sería imposible especificar todas y cada una de las opciones de esta ‘addon’ pero, ‘grosso modo’, podremos recuperar pestañas cerradas, ordenarlas, hacer copias de seguridad de una sesión de Firefox, fusionarlas, ? Cuando instalemos la extensión, todas las opciones de Tab Mix Plus aparecerán en el menú ‘Herramientas’ del navegador.

• Descargas sencillas. Una de las herramientas más interesantes para los que pasan muchas horas navegando y descargando archivos de la red es un gestor de descargas. Muchos de ellos, sin embargo, están diseñados para funcionar con Internet Explorer, no con Firefox. Para nuestro navegador existe ‘FlashGot’, que no es un gestor de descargas en sí mismo, sino que posibilita que FlashGet, Fresh Download o Free Download Manage, entre otros, corran en nuestro Firefox.

• ¿Explorer en Firefox?. Pese a que Firefox es un navegador muy potente, algunos desarrolladores web se empeñan en crear sus páginas como si sólo existiera Internet Explorer. Así, en multitud de ocasiones llegamos a sitios que nuestro zorro no leer bien. Gracias a ‘IE Tab’, tan sólo tenemos que pulsar el botón secundario de nuestro ratón y seleccionar ‘Ver esta página con IE Tab’.

• El zorro, más veloz. Quizá no sea más que un placebo, como dicen por ahí, pero más vale prevenir que curar. No tiene mucho misterio: la extensión ‘Fasterfox’ incluye una serie de opciones que, según los desarrolladores, hará que Firefox vaya un poquito más rápido.

• Navegando espero. Las tardes de domingo sin fútbol (para los que les guste) pueden llegar a ser muy tediosas. No digamos las tardes de viernes en el trabajo durante los meses de estío. Para navegar por Internet sin rumbo fijo, disfrutando de los millones de páginas web que conforman esta magnífica red se ha creado ‘StumbleUpon’. Tras indicarle al sistema nuestras preferencias, simplemente hay que clicar el botón ‘Start Stumbling’ y a disfrutar del surfeo? y del verano.

La verdad que cada uno puede hacer una lista diferente de lo que considera imprescindible, es una cosa muy personal, pero esta lista te ayuda a conocer algunas de las extensiones que enumera por si nos encontrábamos en ignorancia de ellas.

Las mejores 21 extensiones de Firefox para bloggers

En MENÉAME encuentro un excelente artículo de LifeHack.org con las 17 mejores extensiones de Firefox para bloggers que han traducido en XKOD. El articulo es fácil y útil para los nuevos usuarios que empiezan con su blog, hay extensiones para buscar y guardar contenido, para mejorar la escritura, para el trabajo con imágenes, Feeds, FTP, etc.

Picnik, edita imagenes rápidamente desde Firefox

En ZONA FIREFOX comentan sobre Picnik , un servicio online que nos permite editar imágenes rápidamente desde el navegador. Podemos cortar, rotar o cambiar el tamaño a las imágenes, además de aplicar algunos efectos y optimizarlas. Todo esto mediante una aplicación Flash online compatible con Windows, Linux y Mac y que se opera de forma muy sencilla.

Además disponemos de una extensión para Firefox que integra a Picnik en el navegador, de forma que enviar las imágenes para editarlas sea de lo más práctico. Una vez instalada tendremos un par de opciones en el menú contextual que nos permitirá enviar una captura de la porción visible de la página en la que nos encontramos, o la página entera si lo deseamos. En el caso de las imágenes, tendremos una opción para enviarla directamente a Picnik para su edición y en cualquiera de los casos tendremos la opción de guardarlas en nuestra PC luego de editarlas.

Además del menú contextual, podemos acceder desde el menú Herramientas – Send Page To Picnik, o también agregando un botón en la barra de herramientas. Con esto disponemos de otra opción para editar imágenes rápidamente y sin salir del navegador. La edición es en tiempo real y vale la pena probarlo.

Enlace: Instalar Picnik