El weblog de una agencia web

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.

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!

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.

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?

Listo, mumobo está aquí. Mi último sitio basado en Drupal y enfocado en escribir sobre películas, libros y música.

Es un proyecto que tenía guardado desde hace mucho y el primer sitio en que decidí diseñar para resoluciones mínimas de 1024 x 768.

mumobo fue completamente desarrollado con herramientas de código abierto: Freemind para AI, Inkscape y Gimp para el diseño, vi para edición y, por supuesto, Drupal para administración de contenidos.

Empecé a trabajar en mumobo hace un par de meses usando la versión HEAD (pre 4.8) de Drupal, pero finalmente decidí mantenerme con 4.7; es mucho más estable por ahora.

El énfasis del sitio está en el contenido, por ahora solo en inglés, no estoy seguro si lanzaré una versión en español. Decidí usar una voz muy personal y directa; coloquial. Escribir los primeros artículos ha tomado casi tanto tiempo como el diseño y programación y esa es la idea, producir contenido de primera.

Opté por un diseño simple pero creo que diferente y con cierto aire retro y una paleta de colores basada en fotos vintage.

Espero añadir contenido fresco semana a semana.

¿Qué te parece? Échale un vistazo a mis recomendaciones sobre música, libros y películas y me cuentas.

Luego de algunos meses trabajando con un diseño sencillo sobre Drupal, en la Asociación Nacional de Webmasters Perú estamos a la búsqueda de un nuevo diseño, para ello hemos abierto una convocatoria para diseñadores peruanos.

Ya lo saben, están invitados.

Rollyo es un motor de búsqueda personalizado, a diferencia de Google o Yahoo, que buscan en un gran número de sitios web en toda la red, Rollyo te permite crear searchrolls, grupos de sitios web a los cuales puedes limitar cada una de tus búsquedas.

Esta característica me resulta muy útil, por ejemplo, para recopilar información para el proyecto sobre teletrabajo en el que estoy sumergido actualmente. Gracias a Ma.gnolia he reunido una interesante colección de sitios web que han servido como base para mi searchroll en Rollyo, ahora cada vez que necesito recordar algún detalle puedo ejecutar una rápida búsqueda y obtendré resultados provenientes de sólo aquellos sitios que me interesan, muy eficiente.

Rollyo utiliza resultados de Yahoo y permite integrar un cuadro de búsqueda en tu propio sitio web, en Firefox o en tu PC (disponible sólo para Mac y Windows por ahora).

Es posible compartir tus searchrolls y usar los de otros, incluyendo aquellos de tipos tan interesantes como Seth Godin o Brian Greene.

Con logo y diseño del siempre acertado Dan Cederholm, Rollyo es una muy interesante herramienta para todos aquellos que necesitan buscar información en la red de forma práctica y rápida.

Tags en Perublogs: rollyo | buscador | internet | magnolia

Hace unos días publiqué un artículo en mi versión en ingles del blog, se trataba de una pregunta sencilla: ¿Cuales son los dos primeros pasos cuando inicias un diseño web?, el post ha recibido muy buena respuesta de un grupo de diseñadores sumamente talentosos: Dave Shea, Douglas Bowman, Jeremy Flint, Shaun Inman, Dan Rubin y otros.

Desafortunadamente, para quienes no leen ingles, no cuento con el tiempo para hacer la traducción de los comentarios, así que pensé: ¿Porqué no iniciar una discusión similar en el blog en español?

Así pues, lanzo la pregunta: ¿Cuales son los dos primeros pasos cuando inicias un diseño web?

Hablar de diseño y apreciar el diseño es algo que disfruto mucho. Muchas veces he notado como los más ingeniosos son aquellos que utilizan al mínimo ciertos elementos para lograr un efecto final asombroso.
Continua leyendo …