Entradas etiquetadas ‘ firefox ’

Extensión de Firefox: Split Browser

Lunes, Junio 9, 2008

Split Browser en Firefox 3.0

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.

Participa en el Firefox Download Day

Jueves, Mayo 29, 2008

Download Day

La gente de Spread Firefox está intentando batir el record Guinness de descargas en 24h. Para ello, piden la colaboración de los usuarios.

Que ilusión me haría levantarme una mañana y descubrir que apenas recibo visitas en el blog ni en ninguna otra página desde Internet Explorer… sería casi un sueño hecho realidad…

¿Y tú? ¿Vas a descargar Firefox 3?

Firebug 1.2 en Firefox 3 beta 5

Lunes, Abril 21, 2008

NOTA: Ya no es necesario este procedimiento. Han publicado una nueva versión alpha de Firebug 1.2 que corrige estos problemas con Firefox 3b5.

Hace unos días actualicé mi máquina a Ubuntu 8.04 (Hardy Heron). El caso es que esta versión incluye de serie Firefox 3 y eso supone un problema al no funcionar la versión estable de Firebug con esta versión del navegador. La versión beta (1.1) tampoco me dio buenos resultados, por lo que en un ejercicio de locura mental absoluta decidí que si una versión estable y una beta no funcionaban, seguramente lo haría una versión alpha. Así que sin más instalé la versión alpha de Firebug. Pero tampoco funcionó.

Después de investigar un par de días en el grupo de noticias de Firebug conseguí llegar a un hilo en el que se estaban intentando solucionar los problemas con esta versión. El caso es que en la revisión 562 de su repositorio de subversion, parece que han conseguido solucionar casi todos los problemas y Firebug funciona correctamente, con la única pega de que se abre en una ventana aparte en lugar de abrirse en un panel sobre el navegador.

Para instalar esta versión en nuestro Firefox 3 haremos lo siguiente.

  1. Instalamos subversion si no está ya instalado en nuestra máquina:
    1. sudo aptitude install subversion
  2. Instalamos ant, que es la herramienta que necesitaremos para empaquetar la extensión desde el código fuente.

    1. sudo aptitude install ant
  3. Obtenemos la revisión que necesitamos del repositorio de subversion
    1. svn -r 562 checkout http://fbug.googlecode.com/svn/branches/firebug1.2/
  4. Empaquetamos la extensión y la dejamos lista para instalarla en el navegador.

    1. cd firebug1.2
    2. ant

Tras el último paso, ant creará el archivo .xpi dentro de la carpeta dist. Ese es el archivo que tenemos que instalar.

HOWTO: Dar un toque de estilo a los botones de los formularios en Firefox

Sábado, Marzo 8, 2008

Dando una vuelta por ubuntuforums me he encontrado con este howto que explica como hacer que los botones de los formularios de Firefox sean un poco más elegantes. En el post hay imágenes de muestra comparando el antes y el después y la verdad es que el resultado es bastante bueno.

Antes y después

Tiene una pequeña pega y es que no respeta demasiado las hojas de estilo de algunas webs y el resultado puede ser un poco raro a veces.

Para instalarlo vamos al post en cuestión y descargamos la última versión. Descomprimimos el archivo y hacemos doble click en “graphic-installer”. Ahora solo hace falta seguir las instrucciones y listo :D .

Después solo hay que probar y comparar. Si no funciona como esperamos podemos usar el mismo programa para desinstalar los nuevos widgets.

La “seguridad” de Internet Explorer, firefox y opera

Lunes, Diciembre 10, 2007

Para que luego digan que Internet Explorer es seguro.
Grafico Errores-Tiempo

Gráfico Errores graves-Tiempo

El primer gráfico muestra el número de errores frente al tiempo. El segundo gráfico muestra el número de errores graves frente al tiempo. Venga… ahora una pregunta para nota… a ver si adivináis cual es el navegador con más errores sin leer la leyenda de colores.

Los gráficos no provienen de un estudio de la fundación Mozilla, ni de Opera, y por supuesto no es de Microsoft. El estudio ha sido realizado por Web Devout una web que intenta promover las buenas prácticas en la web y los datos usados son de Secunia, una empresa de monitoreo de seguridad de software.

Echándole un ojo al estudio detenidamente se deduce lo que ya todos sabíamos, que Internet Explorer tiene más agujeros que un colador y que los demás navegadores también tienen errores de seguridad… pero no son tantos ni tan grandes.

Enlace: El estudio
Via: Genbeta

SurfKeys, el complemento perfecto para Hit-a-Hint

Jueves, Agosto 23, 2007

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.

Hit-a-Hint

Miércoles, Agosto 22, 2007

Hit-a-HintHoy 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.

Tutorial: Usar Firefox para desarrollo web I

Martes, Agosto 14, 2007

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 :D

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

(más…)

Extensiones útiles para Firefox ( mis favoritas )

Miércoles, Julio 18, 2007

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.

Howto + Atajo: Buscar el contenido del portapapeles en Google usando una combinación de teclas

Martes, Junio 26, 2007

Hace un tiempo hablé de klipper, un sustituto del portapapeles para kde. Pues bien, basándome en esta entrada de the How-to Geek he realizado mi propia versión que busca el google, usando Firefox, el último texto que Klipper ha copiado.

Para poder usarlo hay que tener instalado klipper, perl y dcop. Perl se instala con el sistema base de Gentoo ( o eso creo ) y dcop se instala con kde, en otras distros no lo sé, pero si alguien me lo dice estaré encantado de postearlo. Solo nos queda instalar klipper.

para los users de Gentoo:

  1. emerge klipper

Ahora creamos un fichero llamado, por ejemplo, googleSearch.sh en nuestro home y pegamos este contenido dentro.

  1. #!/bin/bash
  2. texto=`dcop klipper klipper getClipboardHistoryItem 0`
  3. urlencoded=`echo "$texto" | perl -MURI::Escape -lne ‘print uri_escape($_)’`
  4. url="http://www.google.es/search?q=$urlencoded"
  5. firefox $url

Ahora le damos permisos de ejecución

  1. chmod +x googleSearch.sh

Para que funcione bien hay que configurar firefox para que habra las nuevas páginas en pestañas. Yo lo hago usando la extensión Tab Mix Plus, pero podéis hacerlo de cualquier otra forma que se os ocurra.

Ahora para probarlo copiamos cualquier texto en el portapapeles con klipper y ejecutamos nuestro script.

  1. cd ~
  2. ./googleSearch.sh

Si todo ha funcionado debería aparecer una pestaña nueva en firefox con el resultado de la búsqueda deseado.

Para que sea la repera completamente, pulsamos con el botón derecho en el menú k y seleccionamos “editor del menú”. Nos colocamos en el grupo “Internet” y seleccionamos “Archivo/Nuevo elemento”. Luego lo rellenamos de forma parecida a lo que hay en el siguiente screenshot.


Screenshot, originally uploaded by Nicolas Flamel.

Yo he usado el atajo Control+Mayúsculas+G pero podéis usar cualquier otro que se os ocurra.

Dudas, errores, sugerencias, etc. en los comentarios :D

Los usuarios de Firefox actualizamos el navegador con más frecuencia

Sábado, Mayo 19, 2007

Via Digg he encontrado este artículo de arstechnica.com en el que comentan este estudio de Secunia. El caso es que han llegado a la “brillante” conclusión de que los usuarios de Firefox actualizamos más a menudo nuestro navegador y lo mantenemos al día de parches, etc.

Evidentemente es más sencillo tener Firefox actualizado que por ejemplo Internet Explorer. ¿ Por qué ? pues para empezar porque un alto porcentaje de los usuarios que usan Internet Explorer tienen sistemas operativos Windows XP pirata y no es fácil actualizar un sistema que está capado por Microsoft. A veces me pregunto si antes de hacer un estudio como éste alguien se parará a usar el sentido común…

Scribefire!

Miércoles, Marzo 14, 2007

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 :D

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.