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 »

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)

30/3/2006

El Nuevo Yahoo Mail »

Sabía que Yahoo tenía una nueva aplicación de correo electrónico en beta, así que me inscribí en la lista de espera hace tres semanas. Hoy, cuando ingresé a mi cuenta de Yahoo Mail, me encontré con un mensaje de bienvenida que ofrecía la opción de usar el nuevo servicio. Aún cuando el mensaje también mencionaba que mi sistema operativo no era soportado aún (Linux, Fedora Core 4) y podría experimentar problemas, decidí que valía la pena echarle un vistazo.

El correo electrónico basado en web es una herramienta muy útil para muchos teletrabajadores, en especial aquellos móviles que no pueden contar con un cliente de correo en todo momento.

A continuación mis comentarios sobre el nuevo contendiente en la arena de los servicios de correo electrónico basados en web: Yahoo Mail.

Continua leyendo …

En: Web Software | Por: Alexis | @ 7:40 pm Comentarios (5)

17/2/2006

Aplicaciones Open Source Para Desarrolladores Web »

En mi presentación “Open Source, una alternativa real para los desarrolladores web en Latinoamérica” (UNI, Lima, 16 de febrero de 2006) mencioné varias aplicaciones que cualquier desarrollador puede usar como alternativa a software comercial, a continuación los enlaces para todos aquellos que estén interesados en dar el salto.

Sistema Operativo

Para el 95% de mi trabajo estoy usando Linux, mi distribución actual es Fedora Redhat, muy fácil de instalar y usar (en términos linuxeros) pero he escuchado muy buenos comentarios sobre Ubuntu.

Por otro lado, CentOS es una buena alternativa basada en Red Hat Enterprise.

Suite de Oficina

Sin lugar a dudas OpenOffice es una de las aplicaciones más sólidas para producir documentos de texto, hojas de cálculo, presentaciones y diagramas (que uso para mis mapas de sitio). OpenOffice usa XML como formato para los archivos que produce y permite exportar e importar de muchísimas otras aplicaciones, incluyendo MS Office y Adobe PDF.

Una alternativa, que viene con toda instalación de KDE en Linux, es KOffice, permite trabajar con archivos PDB que puedes descargar a tu Palm PDA.

Editores e IDE’s

Los dos editores más usados, y alrededor de los cuales existen más debates, son vi y Emacs.

Yo uso vi y me parece sumamente potente en mi trabajo con documentos de código HTML, XML, CSS, PHP, Javascript (perdón, “Ecmascript"), Perl y Java.

Para quienes estén más habituados a entorno de desarrollo como Macromedia Dreamweaver las mejores opciones serían: Quanta Plus y Bluefish.

Otra alternativa interesante es NVU, basado en Mozilla Composer y más enfocado en HTML.

Finalmente, para aquellos que viven y respiran Java las opciones son muchas, siendo dos de las más populares Netbeans, acaba de ser lanzada la versión 5.0, y Eclipse.

Diseño Gráfico

He visto satisfechas mis necesidades de trabajo con bitmaps con Gimp, una aplicación muy estable y con una gran base de usuarios, muchos de ellos (me incluyo) ex-adictos de Adobe Photoshop.

Para todo lo relacionado con arte vectorial estoy usando Inkscape, la aplicación nos es tan madura como Gimp pero promete mucho y usa SVG, un estándar de W3C basado en XML, como formato para todos los archivos.

Finalmente, para quienes estén interesados en trabajar con 3D, animaciones y efectos recomiendo una visita al sitio web de Blender, una muy potente alternativa a pesos pesados como 3D-Max, Maya o Cinema4D.

Modelamiento de Aplicaciones

Todos los que desarrollamos aplicaciones web debemos modelar nuestras bases de datos en los inicios del proceso, actualmente uso DBDesigner4 de Fabforce para mis modelos en MySQL.

La compañía fue adquirida hace unos meses por MySQL y ya se encuentra en sus primeros beta MySQL Workbench, una versión mejorada del modelador aunque aún falta algún tiempo para ver una versión final.

Si necesitas trabajar con otras bases de datos además de MySQL entonces Mogwai ER-Designer es una muy buena alternativa, esta aplicación basada en Java permite trabajar con RDBMS’s como Oracle, MySQL, MS SQL y PostgreSQL, el equipo de desarrollo no es tan grande como en otros proyectos open source pero luce muy interesante.

Si lo que deseas es modelar una aplicación basada en objetos usando UML te recomiendo Umbrello, es estable y muy completo, permitiendo importar y generar código para Java, PHP, JavaScript, ActionScript, SQL, Python, C++ y muchos otros lenguajes.

Conclusión

Allí lo tienes, todo lo necesario, en versiones open source, para desarrollar un proyecto web de principio a fin, seas diseñador, programador o ambos.

Obviamente existen diferencias con respecto a las aplicaciones comerciales que puedes estar usando y no es un cambio que puedas dar de la noche a la mañana, pero es una alternativa muy interesante.

¿Qué extraño de Windows?, creo que la respuesta obvia es Macromedia Flash, la alternativas open source dejan mucho que desear y Macromedia, ahora Adobe, no parece tener planes de lanzar una versión para Linux aún.

La mayoría de juegos de video, todos debemos jugar ¿no?, no existen aún en versiones para Linux.

Finalmente, muchas de las aplicaciones aquí mencionadas son multiplataforma por lo que no necesariamente deberías dejar Windows o Mac para usarlas.

En: Web Software | Por: Alexis | @ 10:33 am Comentarios (6)

10/7/2004

Acelerando Acrobat 6 para Windows »

¿Han notado lo lento que puede ser Adobe Acrobat para cargar?, incluso para archivos sumamente pequeños el proceso es extremadamente largo.

Aquí un tip muy interesante Continua leyendo …

En: Software | Por: Alexis | @ 11:05 am Comentarios (1)