Image Resizer/Scaler: Agranda o reduce imágenes de un sitio Web en Firefox

¿Imaginas poder modificar el tamaño de las imágenes que ves en algunos sitios Web? En ocasiones, seguro que has necesitado hacer esto, y ahora, podrás hacerlo tantas veces como desees gracias a la extensión Image Resizer/Scaler del navegador Mozilla Firefox.

Bastará con instalar el plugin para poder comenzar a usarlo (ni siquiera requiere reiniciar el navegador); una vez instalado, pincha sobre la imagen que deseas reducir o aumentar, y arrástrala sin soltar el botón de tu ratón, hasta la parte inferior derecha para aumentarla, y hacia la parte superior izquierda para reducirla. Pulsando sobre ella, volverá a su tamaño original.

Como ves, es muy simple utilizar esta extensión, que es totalmente gratuita por cierto. Lo único que has de saber, es que no funcionará con las imágenes de fondo, con el resto sí.

Descarga: https://addons.mozilla.org/es-ES/firefox/addon/image-resizer/

Crear iconos de una imagen con Pic Icon Converter

El articulo siguiente, y algunos otros que saldran a lo largo de este mes, no esta escrito por mi. de hecho los pague al redactor. Me parecio interesante hablar un poco sobre aplicaciones web como en otras epocas y como yo no los iba a escribir decidi pagar por ellos. Aqui el primero de ellos:

Si quieres convertir cualquier imagen en un icono, en esta ocasión les presentamos Pic Icon Converter, una aplicación web con la que podremos crear iconos fácilmente a partir de una imagen.

El servicio es muy intuitivo y requiere tres pasos para completar la operación. Inicialmente debemos cargar la imagen en el sitio, una vez que se haya cargado al 100% aparecerá una nueva ventana, donde seleccionaremos el tamaño de los iconos, el formato, las dimensiones, la sombra (si desea aplicar) y proceder haciendo clic en el botón “Apply“.

El sitio por último nos dará el icono ya hecho para guardar en nuestra computadora y utilizarlo en cualquier momento que deseamos.

Enlace: Pic Icon Converter

Decorar fotos online

Ahora que tengo a Sofia en casa la cantidad de fotos que se sacan va en aumento. Y a mi mujer se le ocurrio agarrar algunas de esas fotos y decorarlas. Yo no queria instalar un programa para decorar fotos ya que es para un par de dias hasta que se canse. Por eso busque algunas aplicaciones online.

El primero que se me ocurrio fue pixlr pero era algo demasiado complejo como para decorar un par de fotos. Particularmente no me gustan las fotos decoradas. las prefiero naturales. Sin florcitas, ni destellos, ni nada de eso.

Pero hay gente, como mi mujer, que quiere hacerse la diseñadora grafica poniendo una vaquita de san antonio y un dibujito en una foto. Asi que busque alguna aplicacion mas sencilla. Y piknic fue mi elección.

decorar fotos con picnik

Picknik es el programa ideal para decorar fotos de una manera sencilla. Se le pueden agregar efectos (por ejemplo el famoso sepia), hacer collages y muchas cosas mas que no termine de investigar porque se lo deje a ella.

Poner thumbnails en directorios PHPLD

Al día de hoy tengo tres directorios montados. El principal es Plusdoo, un directorio general. En ese directorio quería poner thumbnails de las paginas que linkeaba. Pero la mayoría de las soluciones que encontraba era bastante laboriosas,

Para lograrlo me puse a investigar un script de intercambios automáticos de enlaces que encontré por ahí. En ese script se muestran los thhumbnails tal como yo lo quería.

Con un par de clicks me encontré con que esas imágenes tienen una url así: http://open.thumbshots.org/image.pxf?url= y despues del = la url de la pagina.

Por ejemplo para este blog quedaría así: http://open.thumbshots.org/image.pxf?url=http://ferticidio.com lo que nos da una imagen como la del costado de este párrafo.

Ahora solo me quedaba buscar la forma de poner esas imágenes en los listados de paginas que había en el directorio. Pensé que iba a ser muy complicado pero no fue así. Solo hubo que usar un poco la imaginación.

En las plantillas (o templates) de PHPLD hay un archivo que es el encargado de mostrar los enlaces: links.tpl

El contenido integro de este archivo es:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
   </td>
{/if}

<td>
   <a id="id_{$link.ID}" href="{$link.URL|escape|trim}"title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
</td>
</tr></table>
{/strip}

la parte que nos interesa es la primer celda. La que dice:

<td>
   {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>

Pagerank.tpl es un archivo que se encarga de poner la barrita verde con el PR de sitio. Yo en vez de eso quería poner la imagen. Pero para poner esa imagen necesitaba la url del sitio. Que investigando un poco me encontré con que en ese archivo se usa este código para mostrarlo: {$link.URL|escape|trim}

Con eso ya estaba listo para armar el nuevo archivo que quedo de la siguiente forma:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
   <img src="http://open.thumbshots.org/image.pxf?url={$link.URL|escape|trim}" />
   </td>
{/if}

<td>
  <a id="id_{$link.ID}" href="{$link.URL|escape|trim}" title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>
</tr></table>
{/strip}

Y con eso ya pude mostrar los thumnails en el directorio sin necesidad de nada mas. Solo un par de líneas. Habría que editar un poco mas, por ejemplo el “if” de mostrar el PR pero como siempre lo voy a mostrar lo voy a dejar así.

Ah otra cosa, la barrita verde ahora se muestra después de la descripción de sitio.

Pueden ver el resultado en Plusdoo.