Otro Blog Geek

Hoy he encontrado una extensión bastante curiosa para Firefox. Estoy hablando de Split Browser. Esta extensión nos permite dividir la ventana del navegador para mostrar varias webs a la vez. El sistema de pestañas de firefox es muy potente, pero a veces es algo incómodo, por ejemplo cuando quieres ver la vista previa de una entrada mientras posteas. En la imagen se puede ver lo que permite esta extensión.

Ayer hablé de la extensión Hit-a-Hint, que permite “hacer click” en los enlaces de una web usando el teclado en lugar de el ratón. Es perfecta para los amantes de los atajos de teclado (como un servidor).

Aunque la extensión ayuda bastante a librarse del ratón no está completa y no te permite librarte por completo de él. En la misma página de Hit-a-Hint hablan de la extensión Surfkeys, pero aunque he intentado instalarla varias veces Firefox me lo impedía con un mensaje de incompatibilidad. De todas maneras una búsqueda en Google me ha llevado a este mensaje en las news de MozDev, al final del cual se puede encontrar un enlace a la extensión corregida para que soporte las versiones de Firefox de la serie 2.0.0.x.

A continuación una lista de algunos de los atajos más interesantes que nos permite usar, extraida de su página web:

• j: Scroll hacia la izquierda
• l: Scroll hacia la derecha
• i: Scroll hacia arriba
• k: Scroll hacia abajo
• ,: Atrás
• .: Adelante
• o: Pestaña siguiente
• u: Pestaña anterior
• g: Ir a la barra de dirección
• r: Recargar página
• t: Nueva pestaña
• w: Cerrar pestaña actual

Actualizo 23-08-07 20:37: Parece que con Hit-a-Hint y surfkeys instaladas el comportamiento es un poco errático… o que yo no sé manejarlas bien, lo cual me parece más posible. Además surfkeys lleva una buena temporada sin actualizaciones y sin ningún tipo de soporte.

Hoy he descubierto mientras repasaba las noticias que había en mi lector de feeds una de las mejores extensiones que he encontrado para Mozilla Firefox. Se llama Hit-a-Hint y permite navegar por una web usando el teclado casi en exclusiva.

Funciona de la siguiente manera:

• Se pulsa la tecla “mágica”, es decir, la barra espaciadora.
• Mientras se mantiene pulsada la tecla, aparece al lado de cada enlace de la página una cifra que lo identifica.
• Si se teclea ese número mientras está pulsada la tecla mágica el navegador sigue el enlace.

No creo que haga falta decir que es una auténtica maravilla para poder navegar sin usar el ratón. Desde luego esta extensión va derechita a mi lista de extensiones favoritas.

Ya dije en la entrada “Extensiones útiles para Firefox ( mis favoritas )” que algunas de las extensiones que uso son bastante específicas para el diseño web. Intentaré hacer una pequeña serie de posts hablando de ellas y dando algunos consejos para su uso.

Aunque hay bastantes extensiones que pueden resultar muy útiles para el diseño y desarrollo de páginas web yo uso principalmente dos, que son las siguientes ( en orden de importancia según el uso que les doy ):

1. Firebug
2. Webdeveloper Toolbar

Sin lugar a dudas para mí la estrella es Firebug. En este primer post voy a centrarme en ella y poco a poco veremos como usarla para que nos asista en el desarrollo.

Firebug: Instalación

Para instalar la extensión nos vamos a su web y pulsamos en el botón grande y naranja que dice “INSTALL FIREBUG 1.0 FOR FIREFOX”. Esta es la parte fácil del tutorial

Lo más básico.

Mediante firebug podemos acceder al árbol DOM de la web y editarla “on the fly”, además es perfecto para darle esos últimos retoques a las hojas de estilos que se nos resisten. También podemos usarlo para optimizar el tiempo de carga de la página, averiguar si hay algún elemento que no carga bien, depurar nuestro javascript, y muchas otras cosas que yo todavía no he descubierto. Para nuestro ejemplo usaremos un pequeño fichero HTML que contiene 2 div y una hoja de estilos bastante rudimentaria.

Como podéis ver es algo bastante rudimentario lo primero que vamos a hacer es inspeccionarlo y ver lo que lleva por dentro. Para ello abrimos la web de ejemplo y abrimos firebug con ella abierta. Para abrir podemos abrir Firebug por las siguientes vías.

• Herramientas > Firebug > Open Firebug
• Pulsando en el botón correspondiente en la barra de estado del navegador

(more…)

Hace un par de días tuve que reinstalar firefox y eliminar mi perfil por un problema con una extensión que no conseguía solucionar. Y me di cuenta de la cantidad de extensiones que uso. Eliminé algunas que no usaba y descubrí algunas nuevas bastante interesantes. Ahí va una lista de las que más uso a día de hoy.

• CuteMenus: No sirve para nada, lo único que hace es incluir un icono a la izquierda de cada entrada de los menús para que se vea un poco más “bonito”.
• del.icio.us Bookmarks: Una auténtica maravilla de extensión. Se integra con nuestra cuenta de del.icio.us permiténdonos acceder a los bookmarks almacenados en ella de forma sencilla ( Ctrl + B ). También nos permite añadir nuevos bookmarks con solo un atajo de teclado ( Ctrl + D )
• Google Reader Notifier: Mi preferida, sin lugar a dudas. Esta extensión te mantiene informado del estado tu cuenta de Google Reader y te avisa cada cierto tiempo si las webs que lees han sido actualizadas. Por cierto, si no sabes lo que es Google Reader o lo que es un feed, date una vuelta por aquí
• Tab Mix Plus: Una de las extensiones más configurables que he visto para el zorro rojo. Permite al usuario configurar cada detalle del comportamiento de las pestañas y así exprimir al máximo la usabilidad del navegador.
• Session Manager: Otra maravilla. Entre otras cosas permite guardar el estado de la sesión actual de navegación ( las pestañas abiertas, etc. ) para recuperarlo más tarde.
• FaviconizeTab: Una extensión bastante curiosa que permite reducir el tamaño que ocupa una pestaña en la barra de pestañas para que solo muestre el Favicon. Muy útil si eres de los que tienen siempre un montón de pestañas abiertas y algunas de ellas siempre están fijas ( como tu lector de feeds, por ejemplo ).
• Download Statusbar: Coloca el estado de las descargas en la barra de estatus. Muy configurable y ocupa muy poquito espacio en la ventana.
• Tiny Menu: Sirve para reducir la barra de menús de firefox a un único menú, lo cual permite, entre otras cosas aumentar el tamaño que la vista de una página web ocupa en la pantalla sin necesidad de usar la pantalla completa.

No son las únicas extensiones que uso, pero prácticamente todas las demás sirven para el diseño web. Las dejo para un post posterior en las que intentaré “destriparlas” un poco para que veáis los usos que se les puede dar a cada una.

Acaba de salir la última versión de Performancing, cuyo nombre ha sido cambiado por ScribeFire.

Para quien no lo conozca, Scribefire es una extensión para Firefox que nos permite postear de forma sencilla en algunos de los motores de bloggin más famosos: Blogger, Wordpress, Typepad, Microsoft Live Spaces… Una auténtica joya entre las extensiones de Firefox
Permite formatear los posts con un pequeño editor WYSIWYG, además podemos ver el código HTML del post y una previsualización de éste. Soporta envío de TrackBacks y además inserta enlaces a technorati con los tags con los que nos interesa ser encontrados. Por último tiene un buen puñado de opciones interesantes que todavía no he sido capaz de investigar
Hace un tiempo corrió el rumor de que su desarrollo había parado, pero al parecer lo único cierto era que Performancing había cambiado de nombre.

Aquí dejo un enlace a la versión 1.4. Que lo disfrutéis.