Ahora que acaba de aparecer la última versión preliminar de Firefox 3, la beta 5, es buen momento para aprender a personalizar nuestro navegador. Eric Wendelin publicó hace algunos días este interesante post con algunos ajustes que se pueden hacer a Firefox 3 manipulando el archivo userChrome.css, ajustes que no conseguirás en la lista que ha publicado Mozilla (y que también te será útil, claro).

¿No estás familiarizado con la manipulación del userChrome.css? Una buena noticia para ti: hacerlo es sumamente sencillo: puedes usar el camino rápido, instalar la extensión ChromEdit Plus o, si eres valeroso y prefieres usar el otro camino, te bastará con entrar a la carpeta del perfil, localizar allí la carpeta chrome, hacer una copia del archivo userChrome-example.css y renombrarla como userChrome.css. Luego puedes abrir este archivo usando un editor común como el Notepad. Si no sabes cómo llegar a la carpeta del perfil, revisa este artículo de la documentación de Mozilla Hispano.

Ahora sí. Vamos a los ajustes. Para que funcionen, al pegarlos en tu userChrome.css debes verificar que no haya espacio alguno al final de cada línea (al menos en Windows, el portapapeles agrega un espacio).

1. El tamaño sí importa

La nueva lista de autocompletar de Firefox 3, como quizás ya sabes, es una versión con esteroides de las listas anteriores. Pero dependiendo de tus gustos te puede parecer que se extiende mucho o muy poco, así que ¿por qué no darle un tamaño máximo especificado por ti? El código sirve para ajustar la altura máxima a 100 pixeles, pero por supuesto puedes asignarle otro valor si así lo deseas.

/* Ajusta la altura de la lista de autocompletar (en la barra de direcciones) */
#PopupAutoCompleteRichResult {
max-height: 100px !important;
}

2. Menos es más

Si algo bueno tiene Firefox es que sus posibilidades de personalización nos permiten sacar de la manga el máximo espacio posible de trabajo. Este ajuste te dará 4 píxeles más al eliminar el espacio entre las barras de direcciones y de búsqueda.

/* Elimina la separación entre la barra de direcciones y la barra de búsqueda */
#urlbar-search-splitter {
display: none !important;
}

3. ¡No quiero este menú!

Si es posible agregar un marcador con la combinación de teclas Ctrl+D, marcar todas las pestañas abiertas con Ctrl+May+D y abrir los marcadores en el panel lateral con Ctrl+B, ¿entonces para qué quiero el menú Marcadores? Este ajuste permite ocultarlo. Un tip: si cambias “bookmarks” por “help” puedes ocultar también el menú Ayuda.

/* Oculta el menú Marcadores */
#bookmarksMenu {
display: none !important;
}

4. Estrella estrellada

Ya lo vimos en el ajuste anterior: la combinación de teclas Ctrl+D es para muchos usuarios la vía preferida para agregar la página activa a los marcadores. ¿Entonces por qué no ocultar la estrella de la barra de direcciones?

/* Elimina de la barra de direcciones la estrella para agregar marcadores (usa en su lugar la combinación Ctrl+D) */
#star-button {
display: none !important;
}

5. Ir se va

Seamos francos: a estas alturas, ¿hay alguien que use el botón Ir? Para ocultarlo y así ganar un poco más de espacio, aquí está el ajuste:

/* Elimina de la barra de direcciones el botón Ir */
#go-button {
display: none !important;
}

6. Maquillaje para la barra

Nuevo Firefox, nuevo look. Este ajuste es mi preferido, le da la apariencia que quieras a la barra de direcciones. Si sabes algo de códigos hexadecimales podrás combinar los colores como mejor te parezca. Y si no sabes, pues date una vuelta por esta página.

/* Cambia la apariencia de la lista de autocompletar */
.autocomplete-richlistitem {
background: #222222 !important;
color: #FFFFFF !important;
padding: 0px !important;
margin: 0px !important;
}
.autocomplete-richlistitem:hover,
.autocomplete-richlistitem[selected=”true”] {
background: #444444 !important;
}

7. Bonus track: Pestaña egocéntrica

Este último ajuste trabaja tanto en Firefox 3 como en Firefox 2. Hace que la pestaña activa sea más ancha que las demás.

/* Muestra la pestaña activa con un ancho mayor */
#content tab[selected=”true”] {
min-width: 200px !important;
}

(Vía Firefox Facts).

Firecookie agrega al panel de Firebug (que por supuesto debes haber instalado previamente) una pestaña en la que es posible ver las cookies y sus valores, crear nuevas cookies, eliminar las existentes o configurar las políticas de gestión de las cookies.

Firecookie 0.0.6

Digg Sidebar muestra en el panel lateral de Firefox una lista con las últimas noticias publicadas en Digg por sus usuarios. El panel aparece con la combinación de teclas Ctrl+May+D o en Ver | Barra Lateral | Digg Sidebar y te muestra los titulares. Haciendo click en un titular verás un resumen que te indicará hace cuánto fue publicada la noticia, su categoría, quién la publicó, cuántos votos y comentarios ha recibido, su descripción, un enlace a la noticia y uno a su reseña en Digg de manera que puedas votarla (la extensión no provee forma alguna de votar sin entrar a Digg).

En el menú “Stories” que aparece en el borde superior del panel podrás escoger una categoría o una subcategoría, e indicarle a la extensión que te muestre todos sus titulares, los más votados o los más recientes. Los titulares se actualizan automáticamente a menos que hagas click sobre el icono de pausa que encontrarás al lado del menú “Stories”, y un par de iconos a la derecha de cada titular te indicará si la noticia apareció tras la última actualización y si ya la has visto. Además del mouse, puedes usar el teclado para desplazarte entre los titulares.

Digg Sidebar 0.5.1

Scalable Vector Graphics (SVG) es un lenguaje para describir gráficos vectoriales bidimensionales en XML. Mozilla mantiene un proyecto alrededor del formato, que es soportado por Firefox desde su versión 1.5, y esto es lo que aprovecha Graphing Calculator Toolbar para hacer su trabajo. La extensión agrega a Firefox una barra de herramientas en la que es posible escribir hasta cinco ecuaciones para generar con ellas un gráfico. Se puede escoger entre mostrar sólo valores positivos o incorporar también los negativos. Un botón en el extremo derecho de la barra te permitirá además exportar el gráfico (aunque esta función no trabajó, es probable que el error sea corregido próximamente) y acceder a un tutorial o a demos de SVG, entre otras funciones.

Graphing Calculator Toolbar 1.9

Existen numerosas formas de bajar videos de YouTube, desde sitios donde ingresas la dirección del video y te permite la descarga, extensiones que ya hemos comentado antes como Video Downloader, Video DownloadHelper, Media Pirate o UnPlug (por mencionar solo algunas) e incluso hasta un bookmarklet. También tenemos a Better YouTube, que opcionalmente nos agrega un enlace de descarga en la página del video que estamos viendo. Sin embargo me ha resultado muy práctico un simple script para Greasemonkey llamado YouTube DL Tool, que agrega a YouTube lo que le falta: enlaces para descargar el video en los diferentes formatos que ofrece, y la posibilidad de copiar la dirección del enlace de descarga del video.

Como se ve en la imagen, nos permite descargar el video en formato .MP4 (cuando está disponible el video en alta definición), en formato .3GP (para móviles) y en el tradicional .FLV. Además del código Embed, tenemos el enlace del video para copiarlo a cualquier parte.

Para utilizar el script debes tener instalado Greasemonkey, que puedes instalar a continuación:

Instalar Greasemonkey

Luego instalas el script desde el siguiente enlace:

Instalar YouTube DL Tool

A simple vista queda como si la misma gente de YouTube hubiese puesto los enlaces.

Last.fm, la conocida red social de música, está patrocinando una categoría, obviamente de música, en el concurso de extensiones para Firefox 3 que la Fundación Mozilla convocó recientemente y cuyo plazo de recepción de postulaciones termina el próximo 4 de julio. No se requiere que los participantes incluyan la API u otras herramientas de Last.fm para ganar. El premio: un viaje a Londres para conocer al equipo de Last.fm, entradas a uno de los eventos en vivo conocidos como Last.fm/Presents, como invitado de la red, y un Squeezebox de Logitech para escuchar toda la música que quieras.

La idea tiene que ver con crecimiento: en enero, la aparición de la página de recursos gratuitos de Last.fm incrementó las visitas en ¡19 millones de personas! y, en vista de que por el momento en AMO existen sólo seis extensiones que usan los servicios de la red musical (nosotros hemos reseñado 4, aunque una de ellas no aparece en AMO), ésta ha tomado la iniciativa para incrementar su presencia en el mundo Firefox.

(Vía ReadWriteWeb).

CLiCk, Speak es parte de la suite CLC-4-TTS, a la que también pertenece Fire Vox, y su trabajo consiste en leer, con voz clara y audible, las páginas que visitas. Puedes indicarle mediante el menú contextual que lea una frase seleccionada por ti, o hacer click en un botón de su barra de herramientas para que lea toda la página. A diferencia de Fire Vox que fue creada pensando en personas con deficiencias visuales o dislexia, CLiCk, Speak está orientada hacia quienes no tienen estos problemas pero desean un auxiliar que lea las páginas mientras navegan. ¿Para qué? Por ejemplo es muy útil si se visita una página en otro idioma y se quiere aprender a pronunciar palabras en el mismo, o si se necesita información sobre un hecho sin tener que quedarse sentado ante el monitor. La mala noticia: la extensión viene con una voz estándar con la pronunciación en inglés (me hizo mucha gracia escuchar “foXtensor” pronunciado por la extensión), aunque existen maneras de instalar voces adicionales como se explica en esta página.

CLC-4-TTS Suite with CLiCk, Speak - Bundle Pack 1.5

ImageShack Toolbar es la robusta barra de herramientas del servicio de hospedaje de imágenes y videos ImageShack. Incluye botones para subir imágenes, crear presentaciones, hacer capturas de pantalla de las páginas que visites, acceder a tus imágenes, videos y correo de voz alojados en el servicio y pegar en cualquier foro o comentario que escribas el código necesario para que se muestre alguna de las imágenes que hayas subido. Tiene también, por supuesto, un buscador para localizar imágenes en el servicio.

Además, un botón de tareas en el extremo izquierdo tiene centralizadas todas las funciones que se pueden aplicar a las imágenes que subas: despliegue a tamaño completo o como miniatura, tipo de enlace preferido, definir imágenes como públicas o privadas, cambiarles el tamaño a las imágenes y a las miniaturas, gestionar el correo de voz y configurar la barra. Al lado de este botón verás un icono que simula una bombilla, al que se puede arrastrar cualquier imagen que veas en una página web para que la misma sea subida de inmediato a tu cuenta en ImageShack.

La extensión también agrega diversas opciones al menú contextual de Firefox, de manera que si haces click derecho en una imagen podrás subirla a ImageShack o subir todas las imágenes de la página, entre otras opciones. De la misma manera, el cuadro de diálogo para subir imágenes incluye opciones para cambiarles el tamaño, eliminar la barra de tamaño y resolución de la miniatura correspondiente a la imagen que vas a subir y asignar etiquetas. Y si vas a crear una presentación, el cuadro de diálogo también te ofrecerá opciones para el tamaño de la presentación, el efecto con el que se alternarán las imágenes y el fondo que tendrá la presentación. Junto con ImageShack Right-Click y el resto de sus herramientas, ImageShack es hoy por hoy uno de los servicios con mayores y más interesantes prestaciones para sus usuarios.

ImageShack Toolbar 4.4.4.50

AutoSaveTextToCookie guarda en cookies dedicadas cualquier cosa que escribas en cualquier formulario o caja de texto dentro de Firefox. Claro que en la imagen no puedes apreciarlo, pero el texto que aparece en ese formulario se mantuvo ahí después de un reinicio de Firefox, y cada vez que entre a la página donde lo escribí la cookie hará que el mismo texto aparezca. En ocasiones alguna de esas cookies puede causar problemas en la navegación (como páginas que no abren o se quedan en blanco), en cuyo caso bastará con abrir el cuadro de diálogo en Herramientas | Opciones | Privacidad | Mostrar cookies y eliminar las cookies del sitio donde hayas tenido el problema. Pese a este inconveniente se trata de una extensión muy útil si te interesa conservar la información que escribas cuando comentes un post o cuando llenes formularios muy largos.

AutoSaveTextToCookie 1.17

Mozilla QA Companion (QAC) es una herramienta con la que cualquiera de nosotros puede participar en Mozilla Quality Assurance, comunidad en la que voluntarios de todo el mundo reportan constantemente los errores que encuentran en Firefox y en otros productos Mozilla. Para usar la extensión debes tener cuenta en Litmus, un set de pruebas creado por Mozilla para detectar fallas en sus productos y mejorarlos cuanto sea posible (la extensión te ayudará a crear tu cuenta si aún no la tienes).

Un botón en la barra de estado te permitirá abrir el panel de QAC, en el que podrás realizar cualquiera de las pruebas propuestas y enviar los resultados. Verás que muchas de las pruebas son sumamente sencillas (la de la imagen consiste en usar servicios de correos como Yahoo! y Hotmail y verificar que Firefox trabaje bien con ellos), aunque sus resultados son necesarios para que Mozilla pueda con ellos evaluar, detectar y resolver problemas potenciales en sus productos.

La extensión ofrece además un acceso a Bugzilla con el que puedes revisar los bugs reportados más recientemente o localizar alguno de acuerdo a su id o a palabras claves suministradas por ti. Por último, podrás acceder al canal de chat #QA de irc.mozillal.org, para compartir opiniones con otros usuarios de la comunidad, simplemente haciendo click en un botón en el panel de la extensión.

Mozilla QA Companion 1.0.4