consultoría | diseño | arquitectura de información | usabilidad | ecommerce | programación | hosting
clientes | estudios de caso
abrir ticket de ayuda | foros de discusión
historia | cultura | estándares web | equipo | socios de negocios

  El weblog de una agencia web

Visita la nueva página principal de Ventanazul »

16/10/2006

Moviendo mis trastos a Drupal »

Desde hace unos días está en línea la nueva página de inicio de Ventanazul. Es un simple bluemarine de Drupal por ahora.

Seguiré escribiendo allí y este blog quedará archivado permanentemente.

Es el primer paso para llegar a la nueva versión del sitio, que se transforma en un webzine para webmasters. Ya gran parte de la arquitectura de información está definida y he empezado con los primeros bocetos del nuevo diseño. Pronto trabajaré en algunos módulos para Drupal y debemos tener todo listo en algunas semanas, el feed ya apunta allí.

En: Noticias | Por: Alexis | @ 10:52 am Comentarios (0)

4/10/2006

Screengrab para Firefox 2 »

Hace poco hablé sobre como capturar pantallas largas con una pequeña y muy útil extensión de Firefox: Screengrab. Como siempre tengo Java instalado no mencioné que era necesario para que la extensión trabaje, en realidad ni siquiera lo noté.

Ahora que pasé de Fedora Core 4 a 5 y actualicé a Firefox 2 RC1 la extensión dejó de funcionar.

He arreglado el problema descomprimiendo el archivo .xpi de Andy, usé su versión 0.8, y cambiando las siguientes líneas en install.rdf:

<em:version>0.8b</em>
<em:maxVersion>2.1</em>

Puedes descargar aquí la versión modificada para Firefox 2, la he llamado 0.8b.

En ocasiones no funciona del todo bien con algunas páginas web pero es algo que ya sucedía con la 0.8 original y estoy seguro que Andy lo solucionará cuando llegue a 1.0.

La misma idea se podría aplicar con otras extensiones, voy a intentarlo con otra de mis favoritas: la de del.icio.us.

Actualización: Sí, funcionó también con la extensión para del.icio.us, aquí mi versión 1.1b.

En: Web | Por: Alexis | @ 10:02 am Comentarios (1)

3/10/2006

Suscríbete a feeds con un solo clic usando Firefox 2 y Rojo »

Me gusta Rojo, un agregador de noticias eficiente y fácil de usar. Los muchachos de Rojo han mejorado bastante la interfaz en los últimos días, luego que su compañía fue comprada por SixApart, creadores del famoso Movable Type.

Y por supuesto estoy encantado con el inminente arribo de Firefox 2, ya en la fase de candidato 1 y parte de mi escritorio hace varios días.

Así que fue muy desalentador no encontrar a Rojo en la lista de agregadores de noticias que el nuevo Firefox incluye para suscripciones de un solo clic. ¿Que puede hacer un mozillero en un caso como este?

Como añadir Rojo a Firefox con solo tres líneas

Los siguientes pasos están basados en lo que Ben Goodger escribió hace algunos meses en Inside Firefox blog. ¡Gracias Ben!

Asumo que ya tienes una cuenta en Rojo y Firefox 2 corriendo. Por cierto, uso la versión en inglés de Firefox, traduce según corresponda:

  • Escribe about:config en la barra de direcciones y presiona Enter. Verás una lista de preferencias.
  • Escribe browser.contentHandlers en el cuadro de filtro, arriba, y presiona Enter. La lista se reduce.
  • Cada preferencia es de la forma: browser.contentHandlers.types.#.algo, donde # es un número, que va de 0 a 5 en mi Firefox, y algo es title, type o uri.
  • ¡Ajá! Tú, el astuto geek que ya notó el patrón y sabe que hacer, bien por tí. Para el resto de nosotros, veamos los detalles: debes crear un grupo más de preferencias, tres líneas. Basaremos nuestros cambios en las líneas del número 0 y usaremos el 6 para las nuevas.
  • Haz clic derecho en la primera línea, browser.contentHandlers.types.0.title y selecciona Copy Name.
  • Clic derecho, selecciona New, String, copia el nombre que copiaste y cambia el número de 0 a 6, o al número que corresponda si tienes más de cinco grupos de líneas.
  • Escribe el nombre de tu agregador de noticias, en este caso: Rojo. No verás la nueva línea en la lista automáticamente, basta presionar Enter para hacerlo.
  • Crea ahora una copia de la segunda línea, browser.contentHandlers.types.0.type, siguiendo el mismo procedimiento y también cambiando de 0 a 6. Puedes hacer clic derecho y copiar el valor, application/vnd.mozilla.maybe.feed, pues no cambiará en la nueva línea.
  • Crea la tercera línea basada en browser.contentHandlers.types.0.uri y usa el siguiente valor para Rojo: http://www.rojo.com/add-subscription/?resource=%s. Obtuve el url del bookmarklet, estoy seguro que tú puedes encontrar el que corresponda para otros agregadores. Usa %s como un reemplazo para el url del feed.
  • Reinicia Firefox y… ¡presto!

¿Demasiados clics?

Vale, abre tu archivo prefs.js (en mi instalación de Fedora lo encontré en /home/mi-usuario/.mozilla/firefox/uk3kd43k.default/prefs.js) y agrega estas tres líneas (cada una termina en un punto y coma):


user_pref("browser.contentHandlers.types.6.title", “Rojo");
user_pref("browser.contentHandlers.types.6.type", “application/vnd.mozilla.maybe.feed");
user_pref("browser.contentHandlers.types.6.uri", “http://www.rojo.com/add-subscription/?resource=%s");

Puedes escoger tu agregador de noticias predeterminado la primera vez que te suscribes a un feed o usando la sección feeds en las preferencias de Firefox.

Ahora puedes hacer clic en cualquier enlace a un feed, incluyendo el ícono en la barra de direcciones, y listo, suscripciones usando Rojo y con un solo clic desde Firefox 2.

¿Listo?, ¿porqué no probarlo aquí?

En: Web | Por: Alexis | @ 11:14 am Comentarios (1)

2/10/2006

Tiempos Interesantes 10: como llegar de boceto a código »

En el nuevo episodio de Tiempos Interesantes, llegamos al número diez, César y yo discutimos sobre algunas ideas para transformar tus bocetos en código que pueda verse en un navegador web.

Suscríbete hoy.

En: CSS Diseño Web | Por: Alexis | @ 9:39 am Comentarios (0)

29/9/2006

Aprender inglés o morir de la risa. Dat is di cuestion broder »

Muchas gracias a Gulmo por alegrarme la noche del viernes con una muestra de los interesantes cursos de inglés de Expreso.

Debe tratarse de una broma de mal gusto, seguro que es una broma … es una broma … ¿no?

Si no lo es, ¿a quién se le habrá ocurrido combinar esas fotografías al más puro estilo de fotonovela pornográfica barata con diálogos tan ridículos y… Paris Hilton?

Sí, debe ser una broma, definitivamente, tiene que serlo.

Bravo, ¡excelente broma Expreso! Por poco y les creemos.

En: Entretenimiento Web | Por: Alexis | @ 9:17 pm Comentarios (5)

28/9/2006

Publicidad en fuentes de noticias »

Text Link Ads (afi), mi agente favorito para compra y venta de enlaces de texto en mis sitios, anunció Feedvertising, un servicio que permite incluir enlaces de texto en fuentes de noticias (feeds).

Solo funciona con Wordpress por ahora pero ya hay muchos usuarios pidiendo la integración con Drupal y otros administradores de contenido y Patrick Gavin y compañía ya han prometido que en breve esto será posible.

Imagino que los feedvertisings tendrán mejor efecto en aquellos sitios que ofrecen fuentes completas y no solo extractos, una razón más para revisar el tema si aún no lo has hecho.

En: Web SEO / SEM | Por: Alexis | @ 10:07 am Comentarios (0)

23/9/2006

¿Cuántos de ustedes escuchan Tiempos Interesantes? »

Es lo que nos preguntamos César y yo durante estos días, así que decidimos mover el feed a Feedburner para poder saber cuantos frikis escuchan a este par.

Ahora puedes suscribirte usando este feed.

Y si quieres saber más sobre Tiempos Interesantes visita su página en el sitio web de la Asociación Nacional de Webmasters Perú.

En: Gente Web | Por: Alexis | @ 10:48 am Comentarios (0)

22/9/2006

Telework People en CSS Mania »

Es mi primer sitio web en CSS Mania y en menos de veinte minutos el sitio ha recibido 500 visitas desde la galería, ¡vaya!

Telework People en CSS Mania

En: CSS Diseño Web | Por: Alexis | @ 10:01 pm Comentarios (1)

Como seguir tus comentarios en muchos blogs »

Me preguntaba sobre como mantenerme actualizado con los comentarios que publico en muchos blogs y sitios web. Hay varias conversaciones muy interesantes en la Red y la mayoría de los agregadores de noticias actuales no permiten seguir de cerca lo que otros están comentando.

Bart sugirió cocomment (ese es el nombre, no estoy tartamudeando), un servicio muy útil para bloggers y especialmente para quienes comentan en blogs.

Basta con instalar una extensión Firefox y cada vez que estés escribiendo un comentario aparecerá una pequeña barra bajo el área de texto. cocomment trabaja también con Internet Explorer, usando un bookmarklet, pero no lo probé. ¿Alguien usa ese explorador aún?

cocomment bajo el área de texto

Cuando hayas publicado tu comentario cocomment se encargará de seguir la discusión. Hay un pequeño icono en la barra de estado de tu navegador que te alertará cada vez que alguien escriba un comentario en las discusiones donde estás participando. El icono es pequeño y no distrae pero aún así debes mantener el control de tu tiempo pues una discusión muy activa podría hacerte perder todo el día.

cocomment alertando

Al hacer clic en el icono podrás ver una sencilla tabla, muy fácil de usar, con los últimos comentarios en las discusiones que estás siguiendo.

siguiendo discusiones con cocomment

El concepto de cocomment es muy sencillo y rápido de entender y si eres blogger no tienes porque preocuparte, la mayoría de aplicaciones y servicios de blogging funcionan con cocomment. Si tu blog no lo hace, el proceso de integración consiste en copiar unas cuantas líneas de Javascript y ¡presto!

Pasé algunos minutos jugando con mis plantillas de Drupal antes de encontrar un módulo para cocomment escrito por Olav. Muy buen trabajo, ¡gracias!

Necesité un par de minutos más y unos pocos clics para activar cocomment en mumobo y Teletrabajo Hoy.

La extensión cocomment para Firefox instala un bookmarklet que te permite seguir discusiones incluso si no has comentado en ellas, muy bueno para los blog-voyeurs.

cocomment bookmarklet

Dale una visita a cocomment, te ahorrará muchos minutos al día y te permitirá encontrar simpáticas discusiones donde puedes perder todo tu día si así lo quieres. Nada es perfecto, ¿no?

En: CSS Web | Por: Alexis | @ 3:37 pm Comentarios (1)

21/9/2006

Como capturar pantallazos de páginas web largas »

Existen muchas razones para obtener un pantallazo de una página web, talvez algunas de las tuyas para incluir en tu portafolio o las de otros cuando estás comentando sobre diseño, usabilidad o escribiendo un libro o tutorial.

Muchos usuarios de Windows están acostumbrados a presionar la tecla print screen (imprimir pantalla) y luego pegar en su aplicación de gráficos favorita. También existen aplicaciones comerciales para realizar esta aparentemente sencilla tarea.

Yo he estado usando KSnapshot en Fedora Linux por años y ha sido más que suficiente.

Pero hay ocasiones en que necesitas capturar una página web completa como imagen, incluyendo las partes que no se ven en tu navegagor, partes que aparecen luego de usar las barras de desplazamiento. ¿Qué hacer en esos casos?

La solución obvia es desplazarse verticalmente, tomar dos o más capturas y luego pegarlas en tu aplicación de gráficos. Pero esto se torna aburrido después de un tiempo, especialmente si tienes muchas capturas por hacer.

Algunas aplicaciones comerciales incluyen esta función, ¡pero vamos!, existen soluciones inteligentes y gratuitas para casi todo.

Estaba pensando en eso cuando encontré a ScreenGrab!, una sencilla y útil extensión de Firefox. ScreenGrab es la solución al problema de capturar páginas web largas y, como todas las extension de Firefox, se instala con un clic y un reinicio del navegador. Luego basta con visitar una página web y hacer clic derecho para capturarla como imagen.

ScreenGrab ofrece tres opciones para capturar páginas web: document, viewport y window.

Escoge document si quieres grabar la página completa, incluyendo las partes no visibles en el navegador. Viewport captura solo la parte visible y window incluye a tu navegador en la imagen. Todas las imágenes son grabadas en formato PNG.

mumobo - music, movies and books

Aquí una captura que hice de la portada de mi sitio de comentarios sobre música, libros y cine. La imagen fue reducida usando el siempre fiel Gimp. ¿Qué te parece?

En: Diseño Web Software | Por: Alexis | @ 10:43 am Comentarios (5)