Si sois diseñadores, o simplemente de vez en cuando os gusta trastear con programas de diseño y a su vez tenéis un mac, esta entrada es para vosotros.

El otro día programando CSS con mi compañero Javi, nos surgió la necesidad de conocer el valor hexadecimal de uno de los colores de una web, así que ni cortos ni perezosos nos dispusimos a buscar por la red (Google ) un programa que capturara el valor hexadecimal del color que yo deseara. Y después de mucho navegar di con una solución en forma de plugin para Firefox, llamado Colorzilla… que aunque cumplía parte de mis necesidades, no estaba lo suficientemente satisfecho como para dar la búsqueda por zanjada, pero mientras menos daba una piedra.

Fue entonces cuando un día bicheando tranquilamente por la carpeta Utilidades de Mac (Aplicaciones/Utilidades) o si preferís el atajo del finder (cmd+u), di con una aplicación de captura de colores genial, primero porque viene de base en el sistema operativo y segundo porque te permite capturar cualquier color que se muestre en tu pantalla (ya no nos limitamos sólo a la ventana del navegador, como era en el caso anterior) con el simple gesto de poner encima el cursor. El nombre no es muy comercial, pero tampoco le hace falta, así que damos por válido “Medidor de Color Digital“. Y no sólo nos permite capturar el color en hexadecimal, si no que nos da la posibilidad de elegir entre otras muchas formas de medida.

Lo dicho, nunca sabes lo útil que puede resultar la carpeta utilidades, valga la redundancia

Siempre existe mucho miedo a la hora de actualizar wordpress. Miedo a perder algo, ya sean entradas, plugins, algún tipo de configuración.

Pues para hacer todo esto de una manera más fácil, rápida y segura existe el plugin Automatic Upgrade. Con este plugin no os tenéis que preocupar de nada, simplemente tenéis que descargaros el plugin, subirlo a vuestra carpeta plugins dentro de wp_content, y activarlo.

Esto os creará una nueva pestaña dentro de “Administrar” de vuestro panel de control, y ya solo tenéis que ir siguiendo los pasos del instalador. Al finalizar, vuestro wordpress estará actualizado a la última versión.

Eso sí, antes de todo esto aseguraos de hacer copia de seguridad de todo, tanto de los directorios como de la base de datos, así como desactivar todos los plugins. Siempre puede fallar algo, y debéis de estar protegidos.

Nosotros hemos actualizado a la versión 2.5 de wordpress con este plugin y ha sido rápido e indoloro. Totalmente aconsejable.

Para todos aquellos que trabajen como yo en el mundo del desarrollo (y mantenimiento) de aplicaciones web, sabrá que no hay navegador que ayude tanto como el Firefox y sus plugins. Hace ya tiempo (años…) que he dejado atrás el Internet Explorer. Ya no me parece necesario, ni útil.

Voy a comentar algunos de los plugins que uso habitualmente por si alguno de vosotros aún no los conoce y le interesa experimentar con un puñado de herramientas que para mí se han hecho fundamentales en el desempeño de mi tarea diaria.

Web developer: para mí es, junto con el Firebug, la herramienta más completa. Te permite obtener información de cualquier elemento renderizado en tu navegador, manejar las cookies, los estilos, ver el código fuente con sus errores, etc. Te informa si la web cumple con los estándares declarados por el W3C. Te da información de los formularios, las imágenes y mucho más. Yo lo empleo para verificar el tema de los estilos en la página, ver que lo que yo programo se representa tal y como yo quiero. Esta es la web donde se desarrolla y se atienden dudas por parte de sus creadores.

Firebug: es la más completa de todas las herramientas que he empleado hasta ahora, porque, a diferencia del anterior plugin, te permite editar contenido y ver su resultado en tiempo real. Aún hoy en día no lo he explorado completamente, pero se puede inspeccionar la página y te va diciendo en qué parte del código te encuentras. Otra de sus opciones que empleo mucho últimamente es la que permite su pestaña NET, que te dice cuánto tiempo tardan en descargarse las imágenes y demás componentes del servidor. También es posible visualizar el intercambio de peticiones HTTP que se hace entre cliente (el navegador) y el servidor donde está alojada la web que estás consultando.

Validador HTML: basado en un algoritmo de comprobación de sintaxis llamado Tidy HTML que te avisa de errores típicos que se producen al programar: etiquetas mal cerradas, atributos ya obsoletos, eventos no soportados, etc.

Live HTTP Headers: es un capturador de peticiones HTTP. Es útil para ver en cada momento qué es lo que se pide (.html, .css, .php, .png,…), dirección del servidor a donde se pide, estado de la petición (los famosos 200,404, 500, …). Bastante útil para saber que ocurre realmente ‘por detrás’ del navegador.

YSlow: es el que he conocido más recientemente. Es plugin de un plugin. Es una funcionalidad que se añade al Firebug, integrándose con el resto de componentes. Lo han desarrollado la gente de Google, pensado para indicarte las posibles optimizaciones que pueden hacerse en tu web: minimizar el número de archivos .css o .js a los que las páginas llaman, emplear CDN’s como Flickr, Youtube, etc.

Si alguno se decide a pasarse al ‘lado claro’, tenemos en la barra lateral derecha un enlace para descargarse el Firefox. ¡No lo dudéis!