Fireshot: Captura y diseño de pantallas fácil y en segundos.

By Emiliano

FireShot es una excelente extensión de Firefox para hacer capturas de pantalla, editarlas a gusto y usarlas para lo que quieras. Todo muy fácil, útil y rápido

Si si, hay muchas aplicaciones parecidas a esta, pero esta trae unas cuantas diferencias que la hacen realmente mejor y mas útil.
Por sobre todas las cosas destaco su usabilidad, practicidad, facilidad y rapidez para conseguir resultados eficientes en segundos.

FireShot

Sin más preámbulos, entre muchas cosas totalmente configurable, esto es lo que puedes hacer con Fireshot:

  • Tomar una captura parcial de una sección, tomar una captura de lo que se ve en el navegador o tomar la captura de la web completa.
  • Las capturas que hagas pueden ser guardadas en el disco (PNG, JPEG, BMP), copiadas en el portapapeles o ser enviadas por email o a editores externos para procesarlas más tarde.
  • Por supuesto que antes de todo eso, si quieres, puedes editarlas con un muy fácil y usable entorno, pero con un amplia gama de herramientas que incluyen:
    Redimensionar imágenes a tu antojo
    Cortarlas seleccionando con formas elípticas y rectangulares
    Agregar texto y configurarlo como quieras
    Agregar formas
    Sombrear áreas
    Dibujar a mano alzada
    Incluir cajas de comentarios
    Enmarcarlas, rellenar espacios con color
    Invertir colores o seleccionar colores de la misma captura.
    Desenfocar fondos para resaltar algo en primer plano
    Borrar, pintar o aplicar motivos a algún fondo resaltando lo que nos interesa
    Poner un recuadro luminoso alrededor de algo

Todo eso entre otras cosas, y como si fuera poco, permite la combinación de estas herramientas para lograr efectos más avanzados.

 

En fin, creo que es especialmente útil para esas ocasiones en que solo queremos obtener una modificación pequeña pero necesaria de algo que vemos, sin tener que recurrir a abrir programas de edición como el Photoshop.
Yo la empece a usar buscando una buena herramienta que me ayude a hacer reviews.

Realmente es una buena opción, es rápida, no ocupa espacio, no emplea ningún tipo de recursos si no se usa. (si alguien sabe de una mejor, que avise)

Pueden descargarla e instalarla directamente desde aquí.

Espero que les sea útil

Comentarios

Simples tips: Como manejar tus links. Un poco de codigo, 2 consejos y 2 extensiones.

By Emiliano

Juan Pablo, me dejo un comentario en “7 ejemplos de como y adonde NO conducir tus links, evitando divorciarte del lector” preguntándome cual es el código para hacer que los links abran en una nueva pestaña.

Mas allá de las respuesta concreta a su pregunta (que esta mas abajo), hay mucha tela para cortar y conversar sobre esto, mas allá de las posibilidades que nos permite la programación y el código. Decidir donde abrirán los links puede ser beneficioso o perjudicial para tu web, y hasta considerado poco ético; por lo que es un tema que merece ser tratado con mayor cuidado y del cual prometo escribir en alguna otra oportunidad (si no me olvido).

La respuesta concreta, teorica, tecnica y necesariamente aburrida a la pregunta es:
teacher Si estás utilizando un doctype strict la propiedad target no es considerada válida, por lo cual varias personas utilizan javascript para indicar la apertura de una nueva ventana. Y, que mas allá de que el mismo efecto puede ser conseguido de abrir una nueva ventana en pestaña a través de javascript (ya que quien decide donde abrir es el motor del browser que se está utilizando), el hecho de jugar con ciertos parámetros del método open de la clase window asegura que se abra en una nueva ventana
Además, (aunque resulta mas complicado) mucha gente lo hace con propósitos de publicidad, donde se pueden utilizar layers css para emular la apertura de una nueva ventana

Pero, lo que me pareció realmente importante al llegarme esta pregunta fue: pensando en las posibilidades que existen, lo que realmente deberíamos hacer mas que armar las cosas de la forma que a nosotros nos convenga, es EDUCAR AL USUARIO, para que tenga la mayor cantidad de conocimientos posibles y poder abrir sus links donde mejor le plazca.

Aclaración: Los dos tips a continuación son de informática BÁSICA, y es muy probable que muchos de ustedes ya lo sepan. De ser ese el caso, vayan hasta el final de articulo en donde hay 2 excelentes extensiones recomendadas para Firefox. Si ya sabían de esas 2 extensiones, lo lamento pueden recomendarme alguna otra a mi.

Aquí es donde tengo que empezar confesar que no hace mucho mucho tiempo era BASTANTE ignorante (si, aún más que ahora) en cuanto a las posibilidades BÁSICAS que ofrecían los distintos navegadores para facilitar la usabilidad por parte del usuario, ni que hablar de programación en donde hasta hoy sigo siendo un completo inútil (por suerte mis socios saben TODO lo que yo no y mucho mas también).
Es mas, en algún punto de mis comienzos con internet estaba mas que cerca de reconocer (como mucha gente aun cree) la existencia de Internet Explorer como único navegador, lo cual me lleva al primer TIP.

Primer TIP: Si todavía navegas con Internet Explorer, deja YA todo lo que estés haciendo y pasate ahora mismo a Firefox (u Opera, Safari o algún otro, que realmente respete los estándares, algo que debería importarte como usuario y webmaster). De hecho el blog se ve mal en IE, y por el perfil de usuario la verdad que no me preocupa demasiado.

Hice mi paso a Firefox cuando por fin (debo reconocer que soy un poquito terco) le empece a hacer caso a reiteradas, ensordecedoras y amables recomendaciones (tales como: “como podes ser tan idiota de seguir usando el Explorer?!?!), desde ese momento realmente comencé a mejorar mi experiencia como usuario de la red, fue impresionante haber descubierto que existían las pestañas y poder abrir mas de un sitio sin tener 10 ventanas en la barra de tareas!! (obviamente no había versión del IE con ventanas)

Claro que luego de haberme acostumbrado a eso, empece a ponerme un poquito mas exigente, no me gustaba para nada las veces donde no podía controlar el destino de apertura de los links que clickeaba.
Odiaba que los links se abrieran en la misma pestaña, cuando estaba compenetrado en alguna lectura (o paraba de leer o me quedaba sin abrir links), o que se abrieran en una diferente cuando lo que en realidad quería es abandonar definitivamente lo que estaba viendo.

En fin, es mas que obvio que el único que sabe en donde es preferible que se abran sus links es el lector.

Todo esto pareció solucionarse mágicamente cuando un día descubrí que haciendo click con el botón derecho del mouse cuando estaba sobre un link, se desplegaba un grandioso menú que dentro de las opciones me permitía elegir si abrir ese link ahí mismo, o en una nueva ventana o pestaña, WWWOOOOOWWW,yo realmente ya me sentía casi realizado y mas que conforme con los avances tecnológicos que había experimentado; pero fue no muy lejos de ese momento, cuando con la misma dulzura de los consejos anteriores, alguien me mostró uno de los mejores tips para pavos que he recibido en la vida de internauta, que le hacer honor al segundo, y mas importante TIP.

Segundo TIP: La ruedita del medio del mouse (uno de los mejores inventos de la humanidad :grin: ), te permite abrir absolutamente cualquier tipo de enlace (link) html en una nueva pestaña (del texto, de las barras, iconos, o lo que sea que le veas la manito cuando le pasas por arriba), e inclusive lo hace sin dejar de visualizar lo que estas viendo.

A partir de esto no se si decir que mi experiencia linkeando “mejoro” o se volvió totalmente adictiva (casi que se asemeja con la adicción de cambiar de a 2 canales por segundo con el control remoto del televisor!!).

Desde hay y hasta que alguien me de un mejor consejo, abro links a mansalva mientras voy leyendo el articulo que sea, y cada una de las pestañas se van cargando y acomodando a la derecha de mi glorioso navegador, esperando su turno de ser vistas.

QUE MAS SE PODÍA PEDIR?¿? todavía había mas.
Uno de los únicos detalles que me “molestaba” (por decirlo de alguna manera), era que los links que iba seleccionando, se abrían en la ultima posición sobre la derecha de la barra de pestañas y no al lado de la pestaña desde la cual fue abierto.
Bueno, resulta que para completar o aumentar mi adicción de linkeo compulsivo, con Firefox y sus gloriosos complementos, hoy me permito (entre otros cientos de cosas) abrir todos los links que quiera, de la forma que quiera y en la ubicación que yo quiera.
Que complementos? Aquí están:

  • Tab Mix Plus Si bien Firefox te permite abrir pestañas de la forma que explique mas arriba sin problemas (y visualizarla inmediatamente o abrirla en segundo plana según tus preferencias), la pestaña en donde se abre el link que estas accionando, se ubica en el ultimo lugar de la derecha de la lista de pestañas que tienes abiertas en el navegador. Con este complemento podrás (entre muchas otras cosas) optar porque el link que acciones se abra en una nueva pestaña pegada a la que estas usando.preview roll over Tab Scope
  • Tab Scope Esta extensión te permitirá visualizar en tiempo real, pequeñas. ventanas (de tamaño configurable) de las pestañas que tienes en segundo plano cuando les pases por arriba con el puntero de tu mouse, dándote ademas posibilidades de scrolldown, actualizar, detener, etc. (ver captura de pantalla).

En fin, ya me excedí demasiado en lo que suponía ser una breve respuesta, espero que haya sido útil para alguien.

Comentarios

El tamaño SI importa (2º parte). Que hacer y que NO hacer con el espacio en blanco.

By Emiliano

Ya decidí, y ahora??

Esta es la 2º y ultima parte de la serie, si no leíste la 1º te recomiendo que lo hagas antes de leer esta.

Supón que tienes terreno disponible y decides ampliar tu casa agregándole dos, o mejor aún, tres cuartos. Genial, puedes agregar un cuarto multimedia, tener la habitación que siempre quisiste, un gimnasio, mas muebles, un jacuzzi, un pequeño cine personal, un estudio, una sala de relax, bla, bla, bla,bla. Seria lindo no?? El único problema es que si no tienes mucho dinero tendrás que valerte solo de tu trabajo y mucha imaginación, porque los nuevos cuartos vacíos o llenos de porquerías y basura, harán ver a la casa mucho peor que antes.white space

Con tu blog pasa lo mismo, solo que no necesitas dinero ni un decorador de interiores para dejarlo mas bonito. Prácticamente todo lo que quieras agregarle esta disponible y el trabajo no es tan duro. En resumen… no tienes excusa para no mejorarlo (sin hacerlo lucir como basura).

Cuando muchas veces se dice que el “espacio en blanco” es uno de los mejores amigos del diseño y los editores, no es porque haya que dejarlo vació, sino porque es una excelente oportunidad para aprovechar. OJO aprovechar no quiere decir rellenar, no hay peor que los sitios llenos de basura o publicidades, o hasta cosas útiles, pero tan amontonadas que no sabes por donde empezar.

Entonces que hacer y que no hacer: Continuar leyendo

Comentarios

El tamaño SI importa (1º parte). 800×600 o 1024×768 ?? Como decidir y aprovechar el espacio.

By Emiliano

Diseñar con el ancho “tradicional” y una resolución de 800×600 de la vieja escuela o pasarse al cada vez más popular 1024×768 ??

Tu sitio tiene el ancho correcto? Que pierdes o ganas si lo agrandas o lo achicas?? Que estás perdiendo por no hacerlo?? Que hacer y que NO HACER con el espacio en blanco??

matatetete

Parece algo simple de decidir, y hasta mas de uno podrá pensar que es obvio o tiene poca importancia. Claro que seria mas fácil decidirlo arrojando una moneda al aire, pero para romper con la rutina, no estaría mal hacerlo como se debe, evaluando los pros y contras de una y otra opción.

Que porque es tan importante? porque es una decisión que trae mucho cambios y realmente puede afectar tu sitio en muchos aspectos: trafico, publicidad, secciones, usuarios, calidad de blog, impacto, ganancias, usabilidad, etc, etc, etc.

Antes de decidir nada, debes saber que esta es una decisión que no tiene una única respuesta correcta para todos, pero si para tu caso, si evaluas ciertas cosas.

Que cosas? ahí tienes tu primer problema: Esos datos y variables que tienes que evaluar, NO te los dará nadie, tendrás que averiguarlos TU (o aproximarlos mejor dicho) .

Si es que todavía no te decidiste por arrojar la moneda, aquí recopilamos las pautas que nosotros evaluamos para decidirnos, quizás te sirvan a ti también: Continuar leyendo

Comentarios

Next Página siguiente;