XHTML

Cómo proteger imágenes HTML

Si deseas proteger las imágenes de tu blog o sitio web, lo mejor sería que no las publiques; ya que es casi imposible evitar que terceros copien o guarden las imágenes en sus equipos. Sin embargo, ahora vamos a mencionar un pequeño truco que podría desalentar a la gente no ducha en "el arte del copy y paste" de imágenes.

Para que aprecies un ejemplo, trata de guardar la siguiente imagen con un tradicional "Guardar como".

La opción "Guardar imagen" que encontramos luego de darle clic derecho esta disponible, pero en lugar de descargar la fotografía real, lo que se va a almacenar es una imagen en blanco. Asimismo, la URL de la imagen (si vemos las Propiedades de la imagen) muestra unos caracteres raros (esto se llama una URI de datos) y por tanto, los no técnicos, no podrán hacer hotlinking directamente a la imagen.

Esta es la manera de implementarlo con nuestra propias imágenes...

Zebra_Form, una librería PHP para crear y validar formularios

Diseñar formularios en HTML que tengan un buen aspecto, que funcionen bien en cualquier navegador y que cuenten con un sistema de validación del lado del cliente y del servidor, por lo general, suele tomar su tiempo.

Zebra_Form es una librería PHP que se encarga de este proceso y nos permite crear formularios seguros y elegantes con pocas líneas de código.

Convertir de Word a HTML: Tips y recursos

Cómo todos los que en algún momento hemos querido convertir documentos Word a HTML, puedo decir que Microsoft Word produce uno de los códigos HTML más odiosos que pueden haber. Se imaginan recibir el email de un cliente adjuntando un archivo Word de más de 20 hojas con la instrucción "publícalo en el sitio".

Pues aunque Word no produzca un código HTML deseado, lo bueno es que ahora tenemos herramientas que pueden hacernos la vida un poco más fácil, librándonos de ese código obsoleto que Word produce.

Ya no hay que estar editando el código a mano, a continuación les dejo unas cuantas sugerencias, incluyendo la técnica “Haz-que-Gmail-lo-haga-por-ti”. :)

Cómo administrar lo que Google muestra de mi web

En un principio, todos estamos felices cuando nuestra web aparece por primera vez en el buscador. Pero pasa el tiempo, y uno se va percatando que el contenido que se muestra indexado al realizar una consulta es clave para atraer más tráfico, o hacer branding de nuestra web... ¿Saben ustedes que hay algunas formas de manejar este contenido? ...

Cómo optimizar la etiqueta Meta Description

Hace un tiempo el blog de Google Webmaster Central expuso los conceptos básicos para poder escribir una buena meta description. En su post, Google explica que la calidad de las descripciones -pequeños textos que se previsualizan en sus resultados de búsqueda- pueden tener un impacto directo en la atracción de mayor cantidad de tráfico.

Para personalizar estas descripciones en una página web, lo que debemos hacer es utilizar la equita <META> de la siguiente manera:

Un ejemplo de buena descripción es la que realiza Google Video en inglés (esto lo dice el propio Google). Siguiendo su descripción, en español un buen ejemplo, sería la que realiza la wikipedia en su portada (ver imagen)...

Convierte una imagen a HTML

No se me ocurre que utilidad práctica pueda sacarse a una herramienta como esta, pero no hay duda de que el sólo hecho de verla funcionando, de por sí, ya es atractiva e interesante.

Para probarla, simplemente debemos ingresar la url de cualquier imagen JPEG, PNG o GIF en su formulario; luego, haciendo uso de perl, se procede a la conversión de la imagen a HTML. El resultado es una agradable imagen html muy bien lograda, aunque hecha con puras tablas de 1px. Pruébenlo (en la parte baja de la web esta el script compartido).