Es bastante sencillo: debes editar el archivo userContent.css, que sirve para agregar reglas de estilo a las páginas visualizadas con Firefox (por ejemplo, como el estilo OSX para Bloglines sobre el que publiqué hace tiempo). En Linux, este archivo se encuentra en ~/.mozilla/firefox/cadena-aleatoria.tu-perfil/chrome/, en Windows, depende de la versión, pero debería estar en el directorio de Datos de Programa, ya sea dentro de tu carpeta de usuario (en Vista) o en Archivos de Programa (XP)… de todos modos, también puedes localizarlo con el “excelente” buscador de Windows. En fin…

Si nunca antes has tocado este archivo, probablemente encontrarás uno llamado userContent-example.css. Si quieres que este truco funcione, debes guardar tus cambios con el nombre userContent.css (sin el example).

Para que el cambio de fuente afecte solamente el panel de administración de tu blog, utilizaremos una de las extensiones CSS de Mozilla: @-moz-document (puedes ver la documentación completa de esta extensión en MDC).

Ahora, a aplicar un poco de CSS, por ejemplo:

@-moz-document url-prefix(http://tu-dominio.com/wp-admin),
url-prefix(http://tu-otro-blog.com/wp-admin)
{

body, textarea{
     font-family: 'Lucida Sans', sans-serif !important;
     }

}

Eso es lo básico, pero una vez allí puedes personalizar lo que quieras, del sitio que quieras. Lo más conveniente de este método es que no tendrás que editar las hojas de estilos de WordPress, por lo que no perderás tus reglas personalizadas cuando actualices.

Y… si, ya sé que el cambio de Verdana a Lucida Sans no es mucho… pero es suficiente.

Tags: CSS, Firefox, personalización, WordPress

Artículos relacionados

• Roadmap: WordPress 2.5, Firefox 3
• PHPSpeedy: mejora el tiempo de carga de tu sitio
• Este-estilo (un plugin para WordPress)
• eduStyle: inspiration for campus web designers
• Bloglines al estilo OSX
• YUI y otros Frameworks CSS
• Yo [corazón] WordPress

Sin embargo, eso se quebró ayer, cuando se publicó una actualización que dentro de tus sitios escogidos para Fast Dial, instalaba un par con publicidad, agregaba un buscador para UserLogos y una barra de búsqueda, sin absolutamente ninguna advertencia y sin siquiera haberse dado la molestia de, al menos, no hacer esto con los usuarios existentes y reservarlo para las nuevas instalaciones (lo que tampoco hubiese sido lo ideal, pero al menos hubiese sido menos intrusivo)… y como si fuera poco, presenta problemas con IE Tab (al que señalan como “causa” de los problemas con la nueva versión de esta extensión), y ¡peor aún!, su sitio de logos (UserLogos) no responde… simplemente, la cagaron.

Como era de esperar, en los comentarios a FastDial se puede ver la rotunda negativa de los usuarios a aceptar los nuevos cambios.

Si ya has instalado la actualización y te has encontrado con estos problemas, puedes intentar dos alternativas luego de desinstalarla: instalar alguna versión anterior, o bien probar Speed Dial.

Tags: extensiones, Firefox, Software

Artículos relacionados

• Tab Catalog: “exposé” para Firefox
• Mozilla rediseña sitio de extensiones
• Make Link, extensión para Firefox
• Duplicate Tab (una extensión para Firefox)
• Camifox (tema para Firefox)
• ¿Con qué navegas?
• Atajos de teclado en Firefox

Probablemente todos estarán de acuerdo con que Firefox 3 trajo muchas mejoras, pero creo que el tema predeterminado para Vista es totalmente horrible: monótono, poco intuitivo (nunca me ha sido fácil distinguir entre los íconos de nueva ventana y nueva pestaña)… definitivamente no es de mi gusto.

Por ello, me lancé a la búsqueda de un tema visual que me gustara más, y al poco encontré uno: Camifox. Elegante, fresco, colorido; quizás con un ligero aire a OSX (vean por ejemplo los íconos de nueva ventana/pestaña y descargas) y algo de Tango.

Y si tampoco les convence, quizás quieran algo más clásico como el tema de XP en Vista (que al menos tiene más color) o el de Firefox 2 (al que en verdad le falta pulir algunos detalles).

Tags: Diseño, Firefox, Internet, Software

Artículos relacionados

• Cómo crear documentos PDF
• Agregar una búsqueda rápida a Firefox
• Xubuntu (IV): Compartir Internet
• WPG2: WordPress + Gallery2
• WordPress: más rápido y con menos trabajo
• WordPress, DreamHost y tiempo de CPU
• WordPress 1.2 (Mingus)

En una entrada en el blog de Tim Ferris,Matt Mullenweg recomienda una extensión para Firefox que cumple un propósito parecido: Tab Catalog.

Puedes instalar Tab Catalog desde el sitio de extensiones para Firefox.

Tags: extensiones, Firefox, plugin

Artículos relacionados

• Make Link, extensión para Firefox
• Duplicate Tab (una extensión para Firefox)
• Cómo NO tratar a tus usarios (¡no actualices Fast Dial!)
• ¿Con qué navegas?
• WPG2: WordPress + Gallery2
• wordTube (traducción al español)
• WordPress es todo oídos

WordPress 2.5

Ayer,Ryan Boren publicó 2.5 Roadmap, en el que afirma que el desarrollo de la futura versión de WordPress ha entrado en fase de feature freeze, es decir, ya no se agregarán nuevas características, sino que los esfuerzos se concentrarán solamente en arreglar bugs, “pulir” el nuevo diseño del panel de adminstración y finalizar las nuevas opciones que ya han sido implementadas, en otras palabras, entra en fase beta.

La fecha de lanzamiento de la versión definitiva es el 10 de marzo… aunque quienes ocupamos WordPress hace tiempo sabemos que eso de “versión definitiva” es algo relativo.

Luego de la polémica por el nuevo panel de administración y ver algunas instalaciones de prueba que están ejecutando el último código subido a los repositorios, debo decir que ojalá que al nuevo diseño le quede mucho por terminar, ya que como está actualmente no solo no aporta una mejoría sobre el actual, sino que de hecho ha quedado mucho peor… repito: por ahora, y a mi gusto.

Algunos artículos relacionados:

• » 2.5 Roadmap boren.nu
• WordPress 2.5: Nuevo Dashboard « Alex Seo
• Cuenta atrás para WordPress 2.5 | Mangas Verdes
• Terminan las novedades en WordPress 2.5. Empieza el Beta-Testing « Alex Seo

Firefox 3

Como probablemente muchos ya sabían, el navegador del panda rojo ya ha pasado por dos versiones beta, publicadas en durante los últimos días de noviembre y diciembre del 2007, respectivamente. Y la nueva versión se viene buena.

Entre las principales novedades, hay que nombrar el énfasis puesto en reducir el consumo de memoria, la integración visual con cada uno de los sistemas operativos donde funciona y la nueva funcionalidad en la barra de direcciones y los marcadores.

La tercera beta sería publicada hoy (¿o ayer?) y entre lo que trae:

• implementación del tema “nativo” para Windows XP y avances en los de OSX (que se integrará con Growl) y Linux. El de Vista aún está pendiente… pero a quién le importa Vista.
• “places”, que une marcadores e historial sobre una base de datos SQLite, a small open source database engine that provides much more robust querying capabilities.
• desplazamiento “suave” de pestañas y la posibilidad de duplicar una pestaña
• se podrá asignar servicios web para diversos protocolos de internet, lo que por ejemplo podrá permitir ir directamente a Gmail al accionar un enlace con mailto:
• de manera predeterminada, un sitio web no podrá cambiar el tamaño ni la posición de la ventana de Firefox
• el menú de proveedores de búsquedas integrará una opción para definir palabras clave al modo de las actuales búsquedas rápidas
• será posible pausar una descarga y reanudarla a través de una nueva sesión de navegación, es decir, si estás bajando un archivo, lo pausas, sales de firefox y vuelves a entrar, podrás reanudarla donde quedaste… claro, siempre y cuando el servidor desde donde descargues lo soporte
• el sitio de extensiones se integrará con el administrador de extensiones
• en cuanto a seguridad, el navegador chequeará los sitios con stopbadware.org
• mejor soporte de estándares, color management, selecciones discontinuas, zoom para toda la página (no solo el texto), soporte para contenido editable, un nuevo motor de corrección ortográfica, soporte para PNG animado (APNG), un nuevo motor de renderizado (Cairo) y un par de novedades en el área :ajax:

Aún no hay una fecha fija para el lanzamiento de la versión definitiva, aunque se estima que será durante el primer trimestre del año. Se ha programado una cuarta beta que posiblemente saldrá a fines de Febrero.

Artículos relacionados:

• Firefox 3 gana interfaces nativas en Vista, XP y OS X – FayerWayer
• Mozilla Firefox 3 beta 1, un adelanto – FayerWayer
• FWLabs: Mozilla Firefox 3 Beta 2 a primera vista – FayerWayer
• Firefox 3 beta 3 due out today – Download Squad
• Releases/Firefox 3.0b3 – MozillaWiki
• A deep look to Firefox 3 Beta 3 : Mozilla Links

Tags: beta, Firefox, Internet, Open Source, WordPress

Artículos relacionados

• WordPress 2.1 Beta 3
• Y tenemos WordPress 2.1
• WPG2: WordPress + Gallery2
• WordPress: más rápido y con menos trabajo
• WordPress, DreamHost y tiempo de CPU
• WordPress y Habari
• WordPress es todo oídos

1. Web Developer, probablemente el más clásico de todos. Una barra con un montón de funcionalidades, desde proporcionar información sobre elementos, herramientas de validación, reglas y guías, ajustar el tamaño de la ventana, delinear elementos (¡muy práctico!), etc.
2. Firebug, el próximo gran clásico. Si bien es cierto que repite algunas de las funcionalidades del anterior, también lo es que agrega muchas más, en especial sus herramientas para trabajar con JavaScript, DOM, actividad de la red, etc.
3. YSlow, un complemento para el complemento anterior. YSlow analiza una página de acuerdo a las directrices utilizadas por Yahoo para sitios de alto rendimiento y entrega un detallado reporte junto a algunas herramientas. Ideal para detectar y prevenir “cuellos de botella” en la carga de tu web.
4. Screengrab!, simplemente, la mejor herramienta que he probado para crear y guardar screenshots de una ventana, la porción visible o toda la página.
5. IE Tab, integra el motor de renderizado de :msie: en Firefox, con sólo un click es posible cambiar entre Gecko e Internet Explorer.
6. Dust-Me Selectors. La versión corta: una extensión para encontrar selectores CSS que no se utilizan. La versión larga: extrae todos los selectores de las hojas de estilo de la página que se está viendo y luego analiza la página para comparar qué selectores no se están utilizando.
7. ShowIP, como su nombre lo indica, muestra la dirección IP y permite consultar algunos servicios por IP o nombre del dominio, como whois, Netcraft, traceroute o localización geográfica.
8. Make Link, agrega una entrada al menú desplegado con el botón secundario del mouse para crear fácilmente enlaces en formato :html:, BBCode (para foros) o como simple texto. Además es posible crear nuestras propias combinaciones en base a algunas variables, con lo que las posibilidades son infinitas.
9. FireFTP, todo un cliente de :ftp: dentro de Firefox. Especialmente indicado para instalaciones portables.
10. Mouse Gestures, la única extensión de “uso general” que se me ha hecho verdaderamente indispensable. Permite ejecutar comandos comunes con simples gestos de ratón; recomiendo especialmente habilitar los gestos rockers con la rueda.

Tags: Desarrollo Web, Firefox, Open Source, plugins, Software

Artículos relacionados

• Y tenemos WordPress 2.1
• WordPress es todo oídos
• WordPress 2.5… en serio
• WordPress 2.3 y las preocupaciones por la privacidad
• WordPress 2.1 Beta 3
• Mozilla rediseña sitio de extensiones
• Maestreando en WordPress 2.1

En realidad, el proyecto del nuevo sitio (con nombre clave Remora) ya se encuentra disponible en la :url: preview.addons.mozilla.org… a ver… esperen. No, esa sí es la nueva versión: sin querer invocar a una discusión terminológica podría indicar que en este caso se ha tratado más bien de un “realineamiento” del sitio, en el que la mayoría de los cambios no están de cara a los usuarios que acuden a él a descargar extensiones y themes, sino a los desarrolladores que lo utilizan como centro de distribución.

Algunas de las novedades:

• Reorganización de la página principal
• Nuevas traducciones, incluyendo al francés, japonés, koreano y español
• Se ha agregado una sección de buscadores
• Un mejor sistema de revisiones
• Navegación con breadcrumbs y una caja de búsqueda en todas las páginas
• Nuevo tipo de add-on: diccionarios
• Soporte para licencias de usuario final End User License Agreement
• Capacidad de ver el código fuente del add-on desde la web
• Modalidad sandbox para add-ons en etapas tempranas de desarrollo

Se espera que más adelante también exista soporte para especificar una licencia para el código fuente del agregado.

El lanzamiento del sitio estaba programado inicialmente para el 12 de febrero, pero se ha postergado para solucionar algunos de los problemas que se han presentado en su desarrollo —en algunas partes, se echa de menos esta sensatez. Según el nuevo cronograma, hoy comenzaría la migración de la base de datos, con un periodo de pruebas hasta el 12 de este mismo mes. La versión definitiva vería la luz el 15 de marzo.

Para más información, pueden visitar la categoria “AMO” del blog de desarrollo de Mozilla.

Tags: Desarrollo Web, Firefox, Software

Artículos relacionados

• 10 extensiones de Firefox para el desarrollo web
• Yo [corazón] WordPress
• Y tenemos WordPress 2.1
• WPG2: WordPress + Gallery2
• WordPress, DreamHost y tiempo de CPU
• WordPress es todo oídos
• WordPress 2.5… en serio

Sin embargo, creo que una de sus principales desventajas es el diseño de su interfaz, pegada en algún lugar del espacio-tiempo entre 1995 y… ¿Windows 95/98/ME? Bueno, algo así. De todos modos, es penca.

Pero como para (casi) todo, hay una solución… y nada menos que de la mano de hicksdesign, un destacado estudio creativo responsable, entre otras cosas, de los íconos de Firefox y Thunderbird, los productos estrella de la Fundación Mozilla… y se llama OS X skin for Bloglines

Se trata simplemente de una hoja de estilos (AKA :css:) que ha sido probado en Safari, Camino, Firefox, Omniweb y Opera. Según Hicks, ha sido diseñada para mezclarse con OSX, pero funciona también en otras plataformas —yo lo he probado en Firefox con Windows y Linux (Ubuntu).

Instalación en Firefox (+ Opera)

Voy a indicar cómo utilizarla en Firefox (+ Opera), porque ha sido la única opción que he probado y sé que funciona. Por lo demás, tienes dos opciones.

Firefox + Stylish

Stylish es una extensión para Firefox que permite la gestión fácil de estilos de usuario, lo que simplemente significa que te permite definir hojas de estilo personalizadas para cualquier sitio web.

En userstyles.org existe un repositorio de estilos de usuario, y entre ellos está Hicksdesign OSX Bloglines.

Instalar en Firefox… ¡y sin necesitar una extensión!

Si no te gusta cargar Firefox con muchas extensiones, existe también una forma de hacerlo.

Para lograrlo, dirigirte al directorio de tu perfil de usuario en Firefox.

Si estás en Windows, anda a:
c:\Documents And Settings\Tu Usuario\Datos de Programa\Mozilla\Firefox\Profiles\algoalgo.default\chrome

En Ubuntu/Linux:
/home/tu-usuario/.Mozilla/Firefox/algoalgo.default/chrome

Baja la hoja de estilos a ese directorio y abre el archivo userContent-example.css. En la primera línea, agrega: @import url(bloglines-moz.css); (suponiendo que ése es el nombre de la hoja de estilos para Bloglines) y guarda el archivo como userContent.css.

Si estás ejecutando Firefox, reinícialo y ya. Ingresa a Bloglines y ya estará con el “estilo OSX”.

Tags: CSS, Diseño, Firefox

Artículos relacionados

• Tipografías web y Ubuntu/Linux
• Sobre fuentes y legibilidad
• Proyecto: Revista Paralaje
• Personalizar la fuente del panel de administración de WordPress
• Inspiración: diseños de tumblelogs
• Incrustar imágenes en hojas de estilo
• Fuentes gratis, cortesía de Microsoft

Desde el momento en que la he encontrado he sabido que se convertirá en una de esas herramientas imprescindibles, sobre todo para bloggear.

En alguna oportunidad mencioné a Copy URL+, una extensión que permitía copiar el título de la página junto a su dirección, lo cual me resultaba bastante bien por un tiempo… hasta que actualicé a :firefox: 2, ya que entonces dejó de funcionar.

Make Link no solamente hace exactamente lo que estaba buscando, sino que además es bastante flexible, puesto que permite crear otras combinaciones para generar, por ejemplo, enlaces en el formato de la Wikipedia, BBCode, Textile, Markdown, etc.

Utiliza cuatro variables: %TEXT%, %URL%, %TITLE%, %INPUT%… bastante obvias. Si necesitan más información, chequeen la documentación, donde está todo muy bien explicado.

Tags: Desarrollo Web, extensiones, Firefox, plugin

Artículos relacionados

• Tab Catalog: “exposé” para Firefox
• WPG2: WordPress + Gallery2
• WordPress es todo oídos
• Plugins para WordPress
• Mozilla rediseña sitio de extensiones
• Este-estilo (un plugin para WordPress)
• Duplicate Tab (una extensión para Firefox)

Lo que hace Duplicate Tab es agregar algunas funciones (que si lo deseamos, podemos agregar como botones a la barra de herramientas) para poder duplicar una pestaña, junto con su historial de navegación.

Pero eso no es todo: tiene una función que podría considerarse la “inversa” a ésta, puesto que también permite unir ventanas, es decir, juntar todas las diferentes ventanas que estás viendo en una sola, cada una en su correspondiente pestaña.

Tags: Firefox, plugin, Software

Artículos relacionados

• ¿Con qué navegas?
• WPG2: WordPress + Gallery2
• WordPress es todo oídos
• Toasted!
• Tab Catalog: “exposé” para Firefox
• Mozilla rediseña sitio de extensiones
• Make Link, extensión para Firefox