Archive for the ‘Herramientas’ Category

abril 19, 2011 0

Como evitar el hotlinking

By in General, Herramientas

El hotlinking es un grave problema puesto que consume parte del ancho de banda de nuestros servidores, y este ancho de banda se paga. Mediante mod_rewrite de apache podemos solucionar este problema de varias formas:

  1. Evitando que determinados sitios puedan hacer hotlinking (enemigos específicos).
  2. Permitir el hotlinking solo a sitios determinados (lista de amigos).

Lo que vamos a hacer en ambos casos es reescribir la dirección solicitada, desde un sitio que no tenga permiso para hacer hotlinking, por otra imagen distinta, o bien una pequeña e invisible (lo más recomendable para minimizar el consumo de transferencia) o bien por una imagen que advierta de que se está haciendo hotlinking (la versión vengadora). Vamos ahora con el primer método:

1-. Evitando que determinados sitios puedan hacer hotlinking (enemigos específicos):

Para implementar este método vamos a añadir lo siguiente a nuestro archivo .htaccess:

RewriteEngine On
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?enemigo1\.es/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?enemigo2\.org/ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(.+\.)?enemigo3\.com/ [NC]
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /imagenes/hotlinking.jpg [L]

De esta forma evitamos que pueda hacer hotlinking desde los dominios especificados. Para ello le indicamos que cuando se referencie a una imagen (jpg, gif, bmp o png) de nuestro servidor desde los dominios indicados se les envíe el contenido de otra dirección, en nuestro caso la imagen que queremos mostrar cuando se haga hotlinking.

2-. Permitir el hotlinking solo a stios determinados (lista de amigos):

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?misitio\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?amigo1\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?amigo2\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /imagenes/hotlinking.jpg [L]

De esta forma rescribimos la dirección para todas las referencias a nuestras imágenes desde cualquier sitio, salvo para los indicados en la lista (donde deberemos incluir también nuestro sitio).

Comparte esta entrada:
Delicious Digg Google Technorati Menéame Fresqui Reddit Facebook Twitter Yahoo! Buzz MySpace Email BarraPunto

Tags: , ,

mayo 7, 2010 1

HTML5 Test ¿Cómo de bien soporta HTML5 tu navegador?

By in Herramientas

HTML5 Test es un test que nos permite saber que funcionalidades de HTML5 soporta nuestro navegador.

Los resultados para los navegadores que tengo instalados son:

Navegador Versión Resultado
Google Chrome 4.1 118
Opera 10.53 102
Mozilla Firefox 3.6.3 101
Safari 4.0.5 70
Internet Explorer 8 19

Por supuesto estos valores depenederán de las versiones instaladas de cada navegador.

Comparte esta entrada:
Delicious Digg Google Technorati Menéame Fresqui Reddit Facebook Twitter Yahoo! Buzz MySpace Email BarraPunto

Tags: ,

diciembre 14, 2009 4

Invitaciones para Google Wave

By in Herramientas

La semana pasada me invitaron a Google Wave, la novedosa herramienta de Google. Después de repartir algunas invitaciones entre los amigos me quedan otras cinco. Si queréis alguna solo tenéis que poner un comentario pidiendola.

ACTUALIZACIÓN (16/09/2009):

Ya no me queda ninguna invitación. Repartí tres aquí, una a un compañero de trabajo y otra a un amigo. Cuando vuelva a tener volveré a indicarlo.

Comparte esta entrada:
Delicious Digg Google Technorati Menéame Fresqui Reddit Facebook Twitter Yahoo! Buzz MySpace Email BarraPunto

Tags: ,

diciembre 9, 2009 0

Como genera Gravatar la URL del avatar

By in Herramientas, PHP

Esto no es ningún secreto, de hecho viene en su propia página, pero es bastante interesante:

  1. La url base es http://www.gravatar.com/avatar.php.
  2. Para el parámetro gravatar_id se genera un hash para la dirección de correo. Este hash es el resumen MD5 de la dirección en minúsculas y sin espacios a los lados.
  3. Podemos añadirle un parámetro “size” o “s” para indicar el tamaño, entre 1 y 512. Si no se indica por defecto será 80.
  4. Añadimos el rating con el parámetro “rating” o “r”. Puede ser g, pg, r o x. Si no se añade se asumirá g.
  5. Se agrega la ruta de la imagen por defecto. Esta ruta será la imagen que se mostrará cuando no haya avatar en Gravatar. Este campo puede tener ciertos valores (identicon, monsterid o wavatar) que producirán un avatar dinámico. Si no se especifica se mostrará la G azul de Gravatar.

Con esto nos podemos hacer una función como la siguiente:

function gravatar($email, $size = NULL, $rating = NULL, $default = NULL)
{
 $base =  'http://www.gravatar.com/avatar.php?gravatar_id=';

 $base.= md5(trim(strtolower($email)));

 if($size != NULL)
 $base.= '&s='.$size;

 if($rating != NULL)
 $base.= '&r='.$rating;

 if($default != NULL)
 $base.= '&d='.urlencode($default);

 return $base;
}

Aunque también hay una clase en PHP Classes que podemos usar para generar las rutas de los avatares.

Comparte esta entrada:
Delicious Digg Google Technorati Menéame Fresqui Reddit Facebook Twitter Yahoo! Buzz MySpace Email BarraPunto

Tags: ,

diciembre 1, 2009 1

Introducción a CKFinder

By in Herramientas, JavaScript, Librerías

CKFinder es un navegador de archivos basado en AJAX muy potente y fácil de usar. Su sencilla interfaz lo hace intuitivo y rápido de aprender a todo tipo de usuarios, desde los avanzados a los noveles. Lo podemos descargar desde su página web, donde está preparado para varios lenguajes y/o tecnologías: PHP, ASP, ASP.Net y ColdFusion.

Así se ve CKFinder

Así se ve CKFinder

Básicamente esto es lo que dice la web de CKFinder. También nos aparece el típico listado de características, de las cuales las más destacables son:

  • Navegador en árbol.
  • Thumbnails de alta calidad.
  • Multilenguaje.
  • Menús contextuales.
  • Control total por parte del desarrollador.
  • Control total para el usuario.
  • Ligero.
  • Respuesta rápida, sin refrescos.
  • Subida segura de archivos.
  • Código fuente completo incluido.
  • Fácil integración con el editor CKEditor.

Observaréis que la última característica la he puesto en negrita. Esto es así porque esta herramienta nos va a servir para añadir algunas opciones nuevas a nuestros editores basados en CKEditor, lo que veremos en la próxima entrega del tutorial de CKEditor.

Comparte esta entrada:
Delicious Digg Google Technorati Menéame Fresqui Reddit Facebook Twitter Yahoo! Buzz MySpace Email BarraPunto

Tags: , , ,