El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Codigo

Bloquear el hotlinking a tus imágenes con .htaccess

El hotlinking o enlazar directamente a tus contenidos desde otra web (especialmente imágenes y videos) se considera un robo de ancho de banda en toda regla. Cuando contratamos un plan de alojamiento solemos tener en mente nuestro propio uso y, logicamente, no contamos con el gasto que nos puedan provocar otros y, dependiendo de quien sean, este puede ser mucho.

Hace unos días aparecía en menéame un script que nos permite utilizar el hotlinking como elemento de promoción sobreimpresionando un marco con nuestro url a cualquier imagen enlazada desde fuera de nuestro dominio. Si te sobra ancho de banda no dudes en echarle un vistazo: Ladrones de ancho de Banda Eficaz como insertar marcas de agua con algún programa de retoque y sin estropear las fotos.

No obstante, para la mayoría de nosotros, el ancho de banda no es gratis y, por mucha publicidad que nos podamos hacer, necesitamos evitar el robo a toda costa. Si tenemos acceso a la configuración de Apache es sólo introducir unas líneas, si no podemos hacer lo mismo por medio de los archivos .htaccess

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?midominio.com(/)?.*$ [NC]
RewriteRule \.(gif|jpg|png)$ – [F]

Simplemente, en la segunda línea cambia midominio.com por tu dominio y en la tercera linea, separados por una barra vertical |, los formatos de archivo que queremos librar del hotlinking.

Si tu servidor soporta el envio de contenido alternativo puedes introducir más instrucciones en la cuarta línea para que cuando alguien intente usar tus imágenes y tu ancho de banda aparezca en el lugar de la imagen otra cualquiera.

RewriteRule \.(gif|jpg|png)$ http://www.midominio.com/alternativo.gif [R,L]

Codigo, Servidores

4 Comentarios

RIDE-ME un IDE para Ruby on Rails en Windows

RIDE-ME logo RIDE-ME es un entorno de desarrollo de Rails para Windows. Enfocado principalmente a los desarrolladores en proceso de migración de una plataforma de programación de Microsoft.

Captura de pantalla de RIDE-ME

RIDE-ME es software libre publicado bajo una licencia MIT

RIDE-ME: http://www.projectrideme.com/

Via Download Squad

Aplicaciones, Editores, Ruby

Comenta

Instalando Ruby y Rails en Windows

Hace tiempo hablabamos de InstantRails, una solución sencilla para poner a funcionar Ruby y Rails en nuestro Windows sin instalación.

Si no nos es suficiente y queremos tener una instalación permanente en nuestro ordenador no hay más que seguir unos simples pasos para tener instalado Ruby, RubyGems y Rails

  1. Descargamos el paquete con Ruby 1.8.4, con sus extensiones importantes y un editor:
    http://rubyforge.org/frs/download.php/4174/ruby182-15.exe
  2. Seguimos las instrucciones del instalador y para comprobar que todo ha ido correctamente escribimos en la consola de windows ruby -version
  3. Descargamos el zip de RubyGems, lo descomprimimos y desde la consola de windows cambiamos al directorio donde lo hayamos colocado y tecleamos ruby setup.rb. Para comprobar que todo ha ido bien tecleamos en la consola gem -v
  4. Para instalar Rails, vamos a la consola y escribimos gem install rails - -include-dependencies.
    Para comprobar que todo ha ido como debe, cambia al directorio donde quieres guardar tus aplicaciones y escribe rails ./test para que se cree el esqueleto de la aplicación. Entra al directorio que acabas de crear cd ./test y escribe ruby script/server, después apunta con tu navegador a http://localhost:3000

No es tan complicado ¿verdad?

Este artículo es una traducción de Install ruby y rails under windows

Aplicaciones, Ruby, Servidores

17 Comentarios

Sorttable: Haz que todas tus tablas puedan ordenarse

A pesar del paulatino repudio de los desarrolladores web hacia las tablas, éstas siguen teniendo su función: mostrar datos de forma tabular. Obvio, ¿no?

Cuando nos encontramos ante una tabla de datos, puede surgirnos la necesidad de permitir a nuestros usuarios ordenar los datos (por orden alfabético, de mayor a menor…). Esto que, en principio es algo simple, puede envolver múltiples líneas de código PHP, consultas a la base de datos y recargas de la página…

Sorttable
es un sencillo script javascript, creado por Stuart Langridge, con el que podremos convertir los encabezados de la tabla en objetos sobre los que hacer click para ordenar los datos.

Imagen de una tabla usando sorttable

Sin recargas de página ni complicados códigos, simplemente se carga el script en el header de la página y asociamos las tablas que queramos hacer interactivas mediante una clase. La personalización corre de tu cuenta editando unas líneas de CSS.

Entre las múltiples ventajas del uso de este script destacan dos: es totalmente no obstrusivo y es capaz de detectar el tipo de datos contenidos en una columna y ordenarlos adecuadamente de forma automática.

En Tu Función tenéis todas las instrucciones detalladas y una tabla de ejemplo.

Sorttable: http://kryogenix.org/code/browser/sorttable/

Javascript, Scripts

9 Comentarios

Como diseñar una aplicacion grande con Ajax

Adam Howitt ha publicado en su weblog una interesante guia en la que detalla el proceso que siguió para desarrollar dos aplicaciones con Ajax. Según comenta, este enfoque le ha ayudado a facilitar el trabajo con los diseñadores y a programar mejor las fases del proyecto.

How to design a large Ajax aplication

Descarga (pdf, 8 páginas, inglés, 105kb, de la página del autor)

Codigo, Trucos y Consejos

1 Comentario

jQuery Visual Documentation



JQuery
es una potente librería Javascript. Visitando Despues de Google conozco jQuery Visual Documentation. Una guia visual, con ejemplos, de las funciones de la librería. Ideal para consulta rápida.

jQuery:
http://jquery.com/
jQuery Visual Documentation: http://www.visualjquery.com/

Herramientas Online, Javascript, Recursos

1 Comentario

Errores, cookies y PHP

En inglés,

  • Los 7 errores más peligrosos de seguridad en PHP, una recopilación de fallos de programación que pueden producir tremendos agujeros de seguridad.
    Top 7 PHP Security Blunders
  • Entender y manejar Cookies, un extensísimo artículo con todo lo que necesitas saber sobre las cookies
    Understanding and managing cookies

Codigo, Enlaces, PHP

1 Comentario

Tamaños mínimos y Explorer

Las propiedades min-width y min-height nos permiten establecer un tamaño mínimo para el ancho y el alto de una capa u objeto, respectivamente. Esto tiene sentido en los navegadores más estrictos donde width y height son valores exactos para la anchura y altura pero cuando mostramos la página en Internet Explorer suceden cosas “raras”:

  1. Las propiedades height y width son interpretadas como min-height y min-width, es decir, si el contenido es más grande que el contenedor este se adaptara para albergarlo.
  2. Min-height y min-width no se entienden y por tanto se ignoran

En aNieto2k se ha publicado hoy un enlace a un hack que nos ayudará a solucionar este problema, nada que no pudiésemos hacer ya con otros trucos de los que ya hemos hablado, no obstante es interesante y bastante limpio para ser un hack: Min-Height Fast Hack por Dustin Diaz

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

Como el Explorer no entiende la marca !important, la ignora y continua tomando valores. Por tanto funcionará hasta que se arregle el fallo en versiones nuevas pero esperemos que llegados a ese momento también funcione min-height.

Supongo que no hace falta decirlo pero: también funciona con min-width

Codigo, CSS

2 Comentarios

Test de velocidad de navegadores y javascript

Es común que veamos test de velocidad hechos sobre el tiempo de arranque de un navegador o lo que tarda en cargar una página pero este es el primer test que mide la velocidad de carga de los scripts Javascript. Algo que, de un tiempo a esta parte con la popularización de AJAX, importa cada vez más.

Si esperabais que el más rápido fuese Firefox, lo siento. Opera es el claro ganador de esta “carrera”

Grafico sobre velocidad de los navegadores Clave para el grafico

En el artículo original, en inglés, además de poder leer un poquito más sobre la prueba podréis probar vosotros mismos la velocidad de vuestro navegador, eso si no esperéis grandes diferencias en los resultados.

Javascript Speed Test

Via Kriptopolis

Aplicaciones, Javascript, Navegadores

1 Comentario

JSMin: La dieta para tu Javascript

JSMin es un filtro que borra los comentarios y espacios en blanco innecesarios de tus scripts Javascript, llegando incluso a reducir su tamaño a la mitad.

Totalmente multiplataforma, se encuentra disponible para descarga como ejecutable para MS-DOS, codigo fuente en C, C#, Java, Javascript, Perl, PHP, Python y Ruby.

Importante:
JSMin realiza los cambios sobre el mismo archivo que le indiques para procesar, sobreescribiéndolo y el resultado suele ser francamente ilegible, recuerda guardar copias de seguridad de todos tus archivos.

JSMin:
http://www.crockford.com/javascript/jsmin.html

Aplicaciones, Javascript

Comenta

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna