| |

Enlaza tu email sin miedo al spam

ByLuis

El spam ha condicionado muchas prácticas que originariamente eran tan sencillas y poderosas como enlazar tu mail en la web.

Un truqui para evitarlo que en su día lo descubrimos en 604th.net:

function nospam(name,domain){

window.location = 'mailto:' + name + '@' + domain;

}

Cópialo tal cual sin cambiar nada y súbelo como emailnospam.js. Recomendamos subirlo a una carpeta en la que guardes los javascripts como por ejemplo la carpeta js. Si no te apetece crearla, súbelo a la raíz de tu ftp.

Luego añade lo siguiente entre la línea <head> y </head> de los documentos de tu web:

<script type="text/javascript"  src="/js/emailnospam.js"></script>

Si lo has subido a la raíz elimina la ruta a la carpeta “js”. Quedaría así:

<script type="text/javascript" src="/emailnospam.js"></script>

Ya solo queda que escribas tu mail enlazado en la parte de la web que quieras sustituyendo la palabra ejemplo y dominio.com por lo que corresponda a tu cuenta de email:

<a href="javascript:nospam('ejemplo','dominio.com');">Contáctame</a>

Optimiza tus imágenes con PngOptimizer

ByLuis

Si te preocupan cosas como el ancho de banda, el espacio en el servidor o los tiempos de descarga, **PngOptimizer** te enamorará.
Se trata de un software gratuito —solo Windows— que nos permite reducir el tamaño de las imágenes para su uso en la web. Impresiona por el tamaño de la descarga (solo 163 KB) y su facilidad de uso: para optimizar una imagen basta con arrastrarla desde el explorador de archivos hasta la ventana de la aplicación.
Y por el mismo precio —cero euros—, incluye una versión para línea de comandos que te resultará muy útil en procesos por lotes.
Optimicemos, amiguete: PngOptimizer.

|

Restringir el acceso a directorios mediante Apache

ByLuis

Hay ocasiones en las que no queremos que se acceda a directorios de nuestro servidor web, ya sea porque estamos en fase de construcción, o porque contenga información confidencial, o porque sea el directorio dónde tenemos la aplicación de administración, o simplemente porque es el ordenador de casa y queremos poder acceder a él, pero no queremos que cualquiera se meta.

Realizar esta operación en Apache es sencillo, sólo necesitamos crearnos un fichero de usuarios, modificar (si es necesario) la configuración del servidor y añadir un fichero en los directorios que queramos restringir.

Read More “Restringir el acceso a directorios mediante Apache”

|

Crear botones de suscripción con Photoshop

ByLuis

Puede que alguna vez te hayas preguntado cómo hacer uno de esos “minibotones” que aparecen en algunos sitios indicando la suscripción RSS, pues es tan sencillo como dar tres pasos en photoshop.
Creamos un archivo nuevo de las dimensiones deseadas, yo para el ejemplo uso una imagen de 22 pixels de ancho por 11 de alto.
Elegimos los colores que vamos a usar, en este caso he escogido dos tonos de naranja, #E39207 y #FFAE00
Seleccionando el color más oscuro, trazamos un borde de 1px de ancho por toda la imagen, seguidamente seleccionamos la herramienta de borrado y quitamos 1px de cada esquina dejando una imagen como esta border-rss-01.gif
El siguiente paso será hacer una selección de toda la parte interior del recuadro y realizar un degradado desde el extremo superior de la imagen hasta el extremo inferior gradient-rss-01.gif
Solo nos queda añadir el texto, lo hemos hecho píxel a píxel, y tendremos un atractivo botón para decorar nuestra web. button-rss-01.gif

| |

Personalizar la página de error 404

ByLuis

Seguimos con el error 404. Si días atrás hablábamos de cómo personalizarlo desde WordPress, hoy hablaremos de cómo configurarlo de manera general desde el servidor.

Recordemos el 404. Cuando se intenta acceder a una página que no existe, el servidor devuelve un mensaje de error 404. Normalmente los navegadores tienen su propia página que muestra ese error (Firefox incluyó la suya a partir de la version 1.5). Personalizar nuestra propia página de error nos puede dar una mayor funcionalidad y no perder la estética de nuestro sitio.

Read More “Personalizar la página de error 404”

| |

Recursos para crear bordes redondeados

ByLuis

nifty.pngPara aquellos que quieran usar bordes redondeados y no se vean capaces de hacerlo, pueden usar varias herramientas.

Una de ellas, es Nifty Corners Cube. Sólo se necesita importar un script, importar una hoja de estilos y realizar una llamada Javascript.

Otra opción, quizá más sencilla y que nos gusta especialmente, es el generador de cajas de bordes redondeados de los catalanes de Neurotic Web. Solo tienes que elegir los colores y te genera automáticamente el código CSS y XHTML. Después subes las imágenes a tu servidor cuidando que la ruta del código de las imágenes en la CSS coincida y listo.

Y por último, Spiffy Corners, el más reciente en aparecer. Otro generador que te lo da todo con la novedad de que no incluye javascript ni imágenes para los bordes redondeados.

Para conocer otras opciones, un post a estas alturas ya muy leído pero que quizá no conozcas: CSS Rounded Corners ‘Roundup’.

|

Crear página de mantenimiento

ByLuis

fontanero_bloglines.jpg ¿Conocéis al fontanero de Bloglines?.

Cuando queremos realizar un mantenimiento de nuestra página web, a veces, lo que menos nos interesa es que la gente acceda a contenidos. Por ello se suele crear una página de mantenimiento, informando que ahora está inactivo el sistema y que volverá a estarlo en la mayor brevedad posible. Para poder configurar nuestro servidor Apache es necesario crearnos un archivo .htaccess que deberemos poner en el directorio raiz, si este ya existe, nos creamos el archivo con un nombre diferente, por ejemplo .htaccess_mantenimiento. Durante el mantenimiento es cuando tiene que estar el archivo o renombrar el original y el de mantenimiento. El contenido del nuevo archivo .htaccess deberá ser el siguiente:

RedirectMatch /*[^url-pagina-mantenimiento] url-pagina-mantenimiento

Un ejemplo sería:

RedirectMatch /*[^/mantenimiento.html] /mantenimiento.html

Con esto conseguimos redirigir todas las direcciones (/*) menos la página de mantenimiento ([^/mantenimiento.html]) a la página de mantenimiento.

|

Bienvenidos a Sentido Web

ByLuis

Sentido Web es la nueva publicación creada por Blogs Media dirigida a los desarrolladores web e internautas apasionados por la programación, diseño, negocios y todo lo que ocurre en Internet.

Sentido Web

Considéranos la revista que siempre has deseado comprar en el kiosko con la diferencia de que somos gratuitos y de publicación diaria.

¿Por qué un blog sobre internet y desarrollo web?

Seremos precisos. Porque los medios tradicionales no satisfacen la demanda de información que produce Internet y el desarrollo web. Porque siempre llegan tarde (cuando lo hacen). Porque queremos y sabemos crear contenidos.

Ni periódicos, ni revistas especializadas, ni mucho menos la televisión colman la curiosidad y las ganas de formación de millones de personas que encuentran diariamente en los blogs su fuente principal y fiable para informarse y compartir lo aprendido.

” Pedagogía y Productividad. La revista que siempre has deseado comprar en el kiosko “

En Sentido Web, encontrarás reseñas de actualidad pero también contenidos propios como opinión, análisis, tutoriales, trucos… todo lo que marque la diferencia y nos aproxime al sello editorial que te ayude a estar a la última de lo que sucede en la red y en el entorno del desarrollador sin importar que seas o no profesional. Dos metas: Pedagogía y Productividad.

Sentido Web es la tercera nanopublicación lanzada por Blogs Media, empresa de comunicación y desarrollo web en la que ya estamos tardando para presentarnos oficialmente :), después de VivirLatino y CSSManía.

Aunque Sentido Web nace para el públicho hoy. Estas semanas nos hemos estado entrenando.

Editores

El peso de la edición corre a cargo de Luis Sacristán, conocido por muchos gracias a display: NONE. Junto a Luis, estarán 2 integrantes del equipo de Blogs Media y 2 autores invitados que con cierta asiduidad publicarán como son Alex Sancho y Choan C. Gálvez.

Y para celebrar el estreno, durantes las próximas 48 horas junto a la actualidad del día, una oleada de tutoriales y howtos.

¿Motivado?. Nosotros sí.