Pueden ver ejemplos y el modo de implementación desde su página, yo acabo de instalarlo en un sitio y la verdad que funciona de maravillas. En estos días probaré implementarlo en WordPress, y si tengo suerte les comentaré como hacerl

Funciona tanto para IE como para Firefox (imagino que para otros navegadores también funciona sin problemas).

Enlace: FancyBox

¿Modos de hacerlo? Muchos. Lo podemos hacer con PHP (con la función wordwrap), JavaScript, y de otras maneras. A continuación veremos una función de JavaScript que lo hace:

function wbr(str, num) {
return str.replace(RegExp("(\\w{" + num + "})(\\w)", "g"), function(all,text,char){
return text + "<wbr>" + char;
});
}

Como verán, debemos pasarle (además de la cadena o palabra en cuestión), el número de caracteres máximo que queremos que soporte. Si los caracteres de una cadena sobrepasa ese número, la función agregará un “<wbr>" (¿qué es?).

Hay otras alternativas (como hyphenator), pero creo que las dos nombradas en el artículo pueden ser las más flexibles y rápidas de implementar.

Vía: Anieto2k

Son muchísimos los sitios que hacen hotlinking, sobre todo los foros y sitios corporativos. En este artículo les explicaré uno de los métodos que mejor resultado me ha dado para evitar que sitios externos puedan agregar imágenes alojadas en mi host, utilizando el archivo .htaccess.

Para ello simplemente debemos modificar el archivo (o crear si no lo tenemos) .htaccess, agregando lo siguiente:


RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule \.(jpe?g|gif|png)$ - [F]


Con ésto ningún sitio ajeno al nuestro podrá “leer” las imágenes JPG, JPEG, GIF y PNG (los formatos más comunes utilizados en la web). Si lo intentan, recibirán un error 403, Forbidden.

Y si por ejemplo deseamos que para todos los sitios que tienen imágenes nuestras en sus blogs, en vez de aparecer ese error aparezca una imagen definida por nosotros, deberíamos poner:


RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule \.(jpe?g|gif|png)$ imagenes/no-hotlink.jpg [L]


Claro está, el “imagenes/no-hotlink.jpg” debe reemplazarse por la dirección de la imagen que queremos que aparezca cuando alguien intente mostrar cualquier imagen de nuestro sitio.

Como ven, el archivo .htaccess tiene muchas funcionalidades; ésta, es sólo una.

Para más información de hotlinking y .htaccess, pueden ir a la wiki de DreamHost.

Esta guía no tiene costo alguno, pero está abierta al público la posibilidad de donar algunos dólares como agradecimiento a tan arduo trabajo.

La guía dispone de mucha información de rápido acceso, útil para cuando estamos frente a las líneas de código; mírenla que habla por si misma.

Enlace: PHP Cheat Sheet

En blogultura han hecho referencia a 6 tutoriales en español que nos ayudarán si lo que deseamos es aprender a maquetar y programar páginas web.

Tutoriales para maquetar: HTML, CSS.

HTML no es un lenguaje de programación (no tiene if, bucles, etc.). Estos son conceptos que suelen mezclarse erróneamente. Maquetar es darle forma a un sitio web, definir su estructura visual, en si, su diseño. Con HTML y CSS combinados podemos hacer maravillas, y no tendremos ningún tipo de límites para lo que deseamos plasmar en un sitio web. Ahora, si además de un buen diseño, queremos que nuestra página tenga dinamismo, vamos a tener que aprender a programar.

Tutoriales para programar: Javascript, ASP, Java y PHP.

No crean que debemos saber todos. Eligiendo por ejemplo PHP + JavaScript ya estamos en condiciones de llamarnos programadores web. ASP y Java son otras opciones que se nos presentan a la hora de programar en plataformas web, pero PHP es la más fácil de aprender y versatil. JavaScritp nos puede dar una mano con las validaciones, así como tambien por que no un toque en AJAX para sorprender a los usuarios.