Programación / página 1 de 1

FancyBox: Una manera elegante de agrandar fotos

FancyBox es un excelente plugin que podemos implementar en cualquier sitio web para agrandar las imágenes de manera muy elegante y sencilla.

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

Cortar palabras

Si dentro del contenedor de una página escribimos una palabra tan larga que sobrepasa el ancho de este contenedor, seguramente tendremos algo desprolijo, algo que no queremos. Es por eso que a veces vemos necesario cortar las palabras largas, a fin de que esto no suceda.

¿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

Prevenir hotlinking de manera más rápida y efectiva

Hotlinking es una palabra muy conocida para desarrolladores web, pero no tanto para bloggers que no tienen un amplio conocimento de la materia. En síntesis, el hotlinking se produce cuando un sitio agrega (por ejemplo) imágenes de nuestra página. La consecuencia de esto es muy obvia y se desprende enseguida: consumo de ancho de banda.

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.

Tarjeta de referencia para programadores PHP

José Román, de Emezeta, a trabajado duro en la creación de una guía de referencia para programadores PHP; excelente para imprimir y tener a mano en todo momento.

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.

php-cheat-sheet.jpg

Enlace: PHP Cheat Sheet

Tutoriales de Programación y “Maqueteo” en Español y de Calidad

Existen muchos lados donde conseguir tutoriales de varias ramas: PHP, CSS, Java, ASP, JavaScript, etc. Sin embargo, entre tandta variedad hay mucha “basura”, tutoriales que no aportan mucho e incluso tienen datos falsos o erróneos.

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.