Google comprendió desde el principio que lo que más molesta al usuario, más que no encontrar resultados, es encontrar una lista de enlaces que le lleve a páginas diferentes con la misma información. Ha empleado diferentes estrategias con mayor o menor éxito y penaliza estas "duplicidades". El gran paso pareció darse cuando las tres empresas más importantes en búsquedas Google, Microsoft y Yahoo se unieron para acordar el tratamiento de los contenidos duplicados y definieron la creación de un nuevo TAG HTML llamado "Canonical" con el que poder indicar la fuente original del contenido . Se evita así que se indexe la página con el contenido duplicado.

Para su uso, en la página con contenido duplicado, añadiríamos en la sección HEAD algo similar a:

<link rel="canonical" href="https://www.mabarroso.com/pagina-original " />

Con el vuevo valor especial para el atributo rel del tag link especificamos que el contenido de la página actual corresponde al de la página indicada por el atributo href.

Los usuarios de Wordpress ya pueden disfrutar de un plugin que les facilita la gestión de esta etiqueta HTML.

Ver más en Webmaster Central Blog, Blogoscoped y mywebtronics. Sobre problemas del contenido duplicado en Webmaster Central Blog.

El problema de las versiones del navegador cada día es mayor. No basta con tener desarrollos y diseños que se ajusten a diferentes navegadores si no que además se debe tener en cuenta distintas versiones de un mismo navegador. Por encima de esfuerzo de vencer la desidia al hacer lo mismo de formas diferentes para que se vea igual hay que solucionar otro problema… poder probarlo en cada uno de los navegadores. browsers.evolt.org simplifica mucho las cosas a diseñadores e integradores web al poder conseguir distribuciones no instalables de diferentes navegadores. Tan sencillo como descargar diferentes versiones de IE con las que basta descomprimir los archivos para disponer de IE6 e IE55 conviviendo con un IE7 instalado.

Disponible también versiones de Mozilla, Safari y Opera entre otros.

Visitando blogmarks me dio por experimentar un poco más con CSS. La nueva apariencia de los enlaces a las etiquetas es muy sencillo de conseguir. La idea consiste en un fondo lo suficientemente grande () para que valga para cualquier posible etiqueta que tengamos y cerramos el fondo con un border, quedando oculto el resto del fondo no visible.


.entry-footer-tags a:link{
background:url(https://www.mabarroso.com/img/tag.gif) center left no-repeat;
border-right:1px solid #C2C1C1;
}


Es muy grato encontrar herramientas de desarrollo gratuitas como FireBug
que le hacen la vida en el trabajo a uno mucho más llevadera. FireBug es una extensión para Firefox que permanece oculta con
un pequeño icono (verde si todo va bien, rojo si hubo un error) en la barra de estado que despliega la herramienta al pinchar sobre él.

Cuenta con un depurador bastante potente de JavaScript que permite añadir puntos de ruptura al código, ejecución paso a paso,
monitorización de la pila y se combina con el inspector para visualizar variables y objetos.

El inspector nos permite visualizar los nodos del fuente html en forma de arbol, la hoja de estilos, el DOM generado, seguimiento de eventos y
los datos de composición de cada elemento. El modo inspect permite ver los datos en el inspector del elemento sobre el que situemos el cursor.

Por último la consola recoge los mensajes de error de JavaScript y todas las llamadas que se hagan mostrando el contenido devuelto y las
cabeceras http, realmente útil cuando se trabaja con Ajax

Esta herramienta en combinación con Web Developer Extension hace de Firefox
el entorno de pruebas en cliente ideal para aplicaciones web.

Hoy he añadido el icono "" para hacer más fácilmente reconocibles los enlaces que llevan fuera de la web. Mi primera intención fue la de añadir el icono dentro o después del link, pero la idea no me gustaba. Quería poder modificar el icono a mi antojo, incluso hacerlo desaparecer, sin necesidad de reeditar las entradas (que ya es trabajo tocarlas para añadirlo). Al final he optado a hacerlo mediante CSS. Todos los enlaces hacia fuera de la web pertenecerán a una clase out, y es esa clase la que define todos los aspectos del enlace.

Como ya es costumbre, ahora el Cómo se hizo ( MakingOf).

Los teclados de muchos desarrolladores se están revolucionando con Rails. Otros se resisten a pasarse a Ruby por distintas razones. Con el objetivo de trabajar con PHP con una aproximación bastante buena de las ventajas que ofrece Rails nos encontramos CakePHP.

CakePHP es un framework MVC inspirado en Rails. Adopta de él su filosofía y mucho de su funcionamiento, aunque detalles propios de Rubi no compatibles con PHP han sido adaptados lo mejor posible.

Comenzar a trabajar con CakePHP es inmediato. No se necesitan crear ficheros de configuración. Simplemente hay que definir la conexión a la base de datos y comenzar a crear las clases que necesitemos. Si nos ajustamos a sus reglas para definir los nombres (en ingles) de las clases, vistas y tablas las líneas de código se reducen ya que Cake será capaz de enlazar los distintos elementos modelo-vista-controlador. Incluye asistencias para AJAX, HTML, Javascript, CSS y formularios entre otros.

Las pegas principales son la aún escasa información en la web y la mala organización del manual, que se apoya excesivamente en un wiki poco actualizado y con entradas muy obsoletas. Para iniciarte el tutorial es rápido y completo.