web development

Divide una imagen con jQuery

por

Los que conocen jQuery sabrán que nos abre un mundo de posibilidades, una de ella muy enfocada a la parte visual de algún sitio web. En esta ocasión me encontré con un curioso plugin, bastante ligero y fácil de usar, que da un toque diferente a las imágenes, dividiéndolas en varias partes, tal como se muestra en la imagen que encabeza la entrada.

Su implementación es muy sencilla, y por cierto, se llama PicStrips:

$("#s").picstrips( {
	splits: 18,
	hgutter: '2px',
	vgutter: '10px',
	bgcolor: '#fff'}
);

Pueden modificar el número de divisiones, su grosor, color de fondo y el espaciado en la parte inferior y superior. Sencillo, ¿No?

Sitio web: PicStrips

Visto en: kabytes

Algunos snippets útiles para .htaccess

por


Si bien la utilización de archivos .htaccess no es del todo recomendado, en ocasiones donde no se tiene acceso al archivo de configuración de nuestro servidor, habrá que utilizarlos. Les dejo algunos de los que creo son más útiles.

Remover el WWW:
RewriteEngine On
RewriteCond %{HTTP_HOST} !^your-site.com$ [NC]
RewriteRule ^(.*)$ http://your-site.com/$1 [L,R=301]

Evitar el hotlinking (Cuando otro sitio enlaza imágenes directamente de tu sitio):
RewriteEngine On
#Replace ?mysite\.com/ with your blog url
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/nohotlink.jpg with your "don't hotlink" image url
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

Leer más