Novedades en el sitio de extensiones de Firefox

ByLuis

firefox-addons.pngMozilla va a renovar su sitio de extensiones para Firefox (debería estar ya disponible), el cual incluye algunas novedades bastante interesantes:

  • Habrá 7 comunidades dependientes del idioma: alemán, chino, coreano, eslovenio, español, francés y japonés. Aunque esto me puede preocupar un poco, porque aunque las extensiones serán las mismas, las reseñas que puedan aportar personas de una comunidad no estará disponible a las de las otras comunidades.
  • Búsquedas y clasificaciones mejoras, incluyendo previsualización mediante Ajax.
  • Inclusión de aspectos sociales en el sitio, las extensiones podrán ser valoradas y puntuadas por los usuarios. A parte será los usuarios quienes aprueben nuevas extensiones y solo se mostrarán aquellas que sean más populares, aunque el total de la lista estará también disponible para los desarrolladores.

Podéis obtener más información en el artículo referenciado.

Mike Shaver habla sobre la renovación del sitio de extensiones de Mozilla

|

Tutorial para crear tu extensión Firefox

ByLuis

Acostumbrados a tener entornos de desarrollo que nos facilita el trabajo enormemente, nos encontramos con que la creación de una extensión para Firefox no es tan cómodo como el resto de nuestros desarrollos.

En el tutorial que os mostramos, tratan muy bien varios temas importantes, que son independientes del desarrollo en sí de la extensión, aunque estos también los tratan de pasada.

Cuando desarrollas una extensión es muy importante conocer los ficheros de configuración y la estructura de directorios, la gestión de preferencias y la localización. También es recomendable hacer un copy/paste sin piedad, coge una extensión que crees que pueda servirte, descomprime el archivo .xpi (que es un zip) y aprende del trabajo de otros.

A la hora de crear el archivo .xpi ellos recomiendan el uso de WinZip, yo recomiendo el 7-Zip, ya que es fácil de usar en modo línea de comandos y con un simple .bat nos creará el archivo con un solo click y así no perderemos tiempo, porque la verdad sea dicha, a no ser que yo lo haga mal, el desarrollo de una extensión de Firefox es un poco pesada por las veces que tienes que estar creando el .xpi y reiniciando el Firefox (y ni te cuento si el Firefox te pide usuario/contraseña para el proxy).

Os paso el .bat que utilizo yo para facilitarme el trabajo:

move *.xpi versiones
cd chrome
del nombre_ext.jar
7z a -tzip nombre_ext.zip content locale skin
ren nombre_ext.zip nombre_ext.jar
cd ..
7z a -tzip nombre_ext.zip install.rdf chrome defaults
ren nombre_ext.zip nombre_ext.xpi

Firefox Extension Development Tutorial

Vía / dzone

|

Basar el diseño del historial del navegador en la memoria del usuario

ByLuis

La usabilidad del historial del navegador podría ser mucho más útil si se rediseña pensando en cómo funciona la memoria del usuario. Es la acertada reflexión que hace Alex Faaborg, diseñador de experiencia de usuario en Mozilla y miembro del equipo de desarrollo de Firefox 3.

El objetivo del usuario cuando va al historial se podría resumir en algo como: "Yo vi algo en algún sitio hace poco y quiero volver ahí". Lo que normalmente hacemos para volver a encontrar esa información es ir al sitio donde lo vimos y recrear las acciones realizadas para volver a encontrar la información: esto suele ser más sencillo y rápido que usar el historial del navegador.

El problema es que el historial funciona mostrando una lista de titulos de páginas, además ordenados por orden alfabético y casi nadie se fija en el título de una página que, además, suele ser poco descriptivo.

Sin embargo hay elementos de la interacción con el navegador que son más fáciles de recordar:

  • Acciones específicas que hizo: recordamos más facilmente lo que hemos hecho que dónde hemos estado. Por ejemplo: yo busqué tal palabra, guardé tal sitio en mis favoritos o ví el enlace en tal blog.
  • El aspecto del sitio donde estuvimos: la ciencia cognitiva ha demostrado repetidamente que somos mucho mejores recordando imágenes que textos, especialmente en tareas de reconocimiento.
  • Palabras o frases que leímos
  • Cuándo hicimos algo: sabemos que hemos hecho algo hoy, ayer o hace varios días. No sabemos lo que hicimos hace exactamente 5 días o hace 7 días.

En base a estas premisas, algunas hipotéticas, pero muy lógicas, Faaborg hace una propuesta de rediseño del historial que se puede ver en este prototipo:

http://sentidoweb.com/img/2007/01/newHistory.jpg_large-thumb.jpg

y que tendría estas características:

  • Poder buscar sobre las búsquedas que has realizado
  • Estaría organizado sobre segmentos de tiempo y acciones realizadas (buscar, abrir pestaña, pulsar link…). Cada segmento se agruparía sobre la acción que disparó la visualización de una serie concreta de páginas.
  • Añadiría al título de la página una imagen en miniatura de la misma.

Una interesante propuesta que es posible que se convierta en una extensión para Firefox del laboratorio de Mozilla

Vía / Blog de Alex Faaborg

PermaTabs: pestañas permanentes en Firefox

ByLuis

PermaTabs es una extensión para Firefox que permite volver una pestaña como permanente, que no se pueda cerrar. Evitando así que cerremos una pestaña por accidente, por ejemplo, los que les gusta tener el GMail abierto constantemente (por temas del chat) no lo cerrarán por accidente.
permatabs.jpg
A mí me va a venir muy bien, porque a la hora de buscar entradas para publicar, tengo muchas pestañas abiertas y cuando me pongo a cerrar siempre se me escapa alguna.
Permatabs
Vía / Firefox Magazine

Firebug 1.0, lo que nos va a ofrecer

ByLuis

firebug1.0.pngYa en otras ocasiones hemos hablado de Firebug, y esta vez no puede ser menos debido a todo lo que nos va a ofrecer la versión 1.0, lo cual es mucho:

  • Usabilidad: posibilidad de abrirlo en una ventana nueva, pudiendo situarla en un segundo monitor. Listas de páginas en las que queremos que esté activo o no Firebug. Tecla de acceso directo para abrir Firebug de forma normal o en una ventana nueva. Facilidad de lectura ya que se puede aumentar o disminuir el tamaño de la letra.
  • Código HTML: visor de código fuente de forma estructurada, con posibilidad de desplegar etiquetas. Ver qué es lo que se está modificando en la página web. Editar el código HTML en el momento. Encontrar elementos HTML en el código posicionándonos en ellos con el ratón. Busquedas. Si se modifica la página y se recarga, Firebug seguirá apuntando al elemento que teníamos antes de la recarga. Copiar el código HTML al portapapeles.
  • CSS: Inspección en cascada. Previsualización de colores e imágenes. Facilidad para ajustar los estilos mediante la edición de las propiedades. Autocompletado. Modificar los valores numéricos aumentando y disminuyendo los valores usando las flechas de cursor. Selección de valores posibles de los estilos. Posibilidad de desactivar propiedades en los estilos para ver las diferencias. Inspeccionar cualquier hoja de estilos. Copiar al portapapeles colores y rutas de imágenes.
  • Visualización de CSS: Se puede ver el modelo de caja de los elementos HTML. De igual manera, se puede visualizar las medidas de la caja del elemento. Uso de reglas y guías como si se tratara de un programa de diseño gráfico. Modificación de las medidas de las cajas en el acto.
  • Monitor de red: Toma los tiempos de carga de del fichero y de los ficheros adjuntos. Separar los tiempos por tipo de fichero. Distinción entre ficheros de la caché y los que se han descargado de la red. Visualizador de la cabecera HTTP. Monito de las peticiones XMLHTTPRequest.
  • Debug: Permite encontrar ficheros js de forma sencilla. Poner puntos de interrupción en nuestro código. Incluir condiciones en los puntos de interrupción. Ejecución paso a paso. Parar automaticamente la ejecución si encuentra un error. Cuando se produce un error existe la posibilidad de ver la pila de llamdas a funciones que esperan respuesta. Visor de los valores de los objetos y de las propiedades. Uso de tooltips cuando está parada la ejecución del script para ver el valor de las variables. Medición de tiempos de ejecución. Logs de las llamadas a funciones. Acceso rápido a números de línea.
  • Búsqueda de errores: Los errores se muestran en la barra de estado del navegador. Visualización de los errores javascript solo de la página a la que se accede. Información descriptiva de los errores. Acceso fácil al debugger. Búsquedas rápidas. Filtro por tipo de errores.
  • Inspector DOM: Diferenciación entre código estándar y el creado mediante Javascript. Resumen informativo de los objetos inspeccionados. Edición de los objetos con posibilidad de autocompletado. Al recargar la página accede al mismo objeto que estaba seleccionado anteriormente. Navegación por el código Javascript.
  • Ejecución de código Javascript: consola para ejecución de código javascript. Autocompletado. El texto de la consola no es tratado como texto plano sino como hipertexto.
  • Trazas: posibilidad de mostrar trazas en la consola desde Javascript. Las trazas pueden ser de texto, objetos y texto formateado usando variables. Distintos colores para distintos tipos de logs (error, warm, debug e info). Marcas de tiempo. Stack traces. Agrupación de trazas. Inspección de objetos.

Estoy deseando que salga la beta para poder probarla.

Firebug

Vía / Ajaxian

|

Fireflix: controla tu cuenta de Flickr desde Firefox

ByLuis

fireflix.pngEncuentro en firefoXtensions (página que recomiendo que sigas si eres usuario de Firefox), una extensión que facilitará mucho el trabajo a los usuarios de Flickr.
Con esta extensión podras subir fotos nuevas, crear thumbnails en formato HTML de las fotos seleccionadas, buscar fotos en Flickr, eliminiar fotos, trabajar con sets de fotos y más cosas.
La primera vez que lo ejecutas, te aparecerá en Flickr una pestaña nueva para poder permitir el acceso a la extensión, una vez concedido ya podrás trabajar con ella perfectamente.
fireflix
Vía / firefoXtensions

Minimiza tu Firefox al system tray de Windows

ByLuis

minimizetotray.pngMinimizeToTray es una extensión para Firefox, Thunderbird, Mozilla Suite y Nvu que nos permite minimizar estas aplicaciones al system tray de Windows. Permite que sea cuando se minimiza la ventana o cuando se cierra, pudiendo recuperarla mediante un doble click en el icono del system tray.
Una extensión muy útil para aquellos que no quieren que su jefe en el trabajo vea la pestaña de Firefox en la barra de tareas cuando le de por “controlar” lo que hacemos.
MinimizeToTray
Vía / firefoXtensions

Extension Developer’s Extension: crea extensiones en Firefox

ByLuis

Más claro el nombre no lo puede decir, se trata de una extensión para Firefox que nos facilita la creación de extensiones para Mozilla/Firefox.

  • Entre sus características tenemos:

  • Editor del fichero install.rdf.
  • Shell de Javascript que nos permite experimentar también con XPCOM.
  • Entorno de desarrollo de Javascript, que al igual que la shell tiene privilegios para el chrome.
  • Editor XUL que nos permite modificar XUL en tiempo real.
  • Editor en tiempo real de HTML.
  • JRX, editor en tiempo real de expresiones regulares en Javascript.
  • Interactive XPath Tester, nos permite testear XPath contra un documento XML.
  • Modificar preferencias de debugging.
  • Recargar todos los chrome sin reiniciar, esta es genial ya que es un horror tener que reinciar el Firefox cada vez que quieres hacer pruebas, sobre todo si tienes que poner usuarios/contraseñas de proxys o extensiones cada vez que reinicias.

Extension Developer’s Extension

Vía / dzone

ErrorZilla: página de error para Firefox

ByLuis

Muchas de las veces cuando navegamos por internet y nos da una página de error no sabemos a ciencia cierta si es porque el servidor está caido, porque nos acaba de fallar la conexión de internet o vete a saber por qué.
Para estas ocasiones, nada mejor que ErrorZilla, una extensión para Firefox, que modifica la página de error y nos ofrece a parte del “vuelve a intentarlo”, la posibilidad de mirar en la caché de Google, buscar un pantallazo en Wayback Machine, hacer un ping, un trace y un whois.
errorzilla.png
[Esta entrada me la dedico a mi mismo y a mi proveedor de internet]
ErrorZilla
Vía / Lifehacker

Firefox depurará su código

ByLuis

firefox.pngMozilla pretende que las próximas versiones y funcionalidades que se incorporen a Firefox sean más seguras, para ello ha contratado a la anterior jefa de seguridad de Microsoft y ex-hacker. Según la nueva “Chief Security Something”.

Deseamos reducir el riesgo general de Firefox evaluando constantemente donde hay funcionalidad no aprovechada, desechando luego el código antiguo.

Mientras que las antiguas funcionalidades pretenden usarlas como extensiones y no como parte de código completo, también quieren aumentar la seguridad del navegador como integrando la nueva herramienta de anti-phishing de Firefox 2.0, y evitar que código maligno escriba en la memoria.