La redirección de páginas web es una práctica muy común en los blogs, cuando migran desde una plataforma a otra y dejan atrás una URL para pasar a ser otra URL, ya sea al adquirir un dominio propio o al migrar de plataforma gratuita (de WordPress a Blogger). Sea como sea, en muchos de éstos casos de hace uso de redirecciones a través de la etiqueta meta y esta redirección es mal vista cuando Google indexa nuestro sitio web, sin embargo existen otros métodos como la redirección a través de JavaScript.

La redirección común a través de la etiqueta meta es la siguiente (la se debe evitar):

<meta http-equiv="refresh" content="5; url=http://www.xploit29.com">

Y respecto a redirección a través de JavaScript tenemos las siguientes opciones:

QUE SE IMPRIMA TEXTO HTML A TRAVÉS DE JAVASCRIPT
Tal y como lo dice el sub-título, podemos realizar una redirección haciendo que java script imprima texto en HTML, ya que al bot de Google se le hace difícil entender JavaScript:

<script type="text/javascript">
var string = (location.href);
var getit = new Array();
var getit = string.split('/');
var result = getit[ getit.length-1 ];
var filename = result.split('.');
 
document.write("<meta http-equiv='refresh'");
document.write("content='0; url=http://www.xploit29.com/");
 
if(filename[1]=="html"){
 
	document.write(getit[getit.length-3] + "/");
	document.write(getit[getit.length-2] + "/");
	document.write(filename[0] + "/");
 
}
 
document.write("'/>");
</script>

Modificamos el tiempo (segundos) en que deseamos que se genere la redirección y indicamos la URL a la que desee que sus visitantes lleguen luego de la redirección.

ESTABLECIENDO UNA NUEVA DIRECCIÓN A LA PÁGINA
A través del siguiente código, se establece una nueva URL a la página a la cual será redirigida en el tiempo que se establezca:

<script type="text/javascript">
 
    var pagina = 'http://www.xploit29.com';
    var segundos = 5;
    function redireccion() {
        document.location.href=pagina;
    }
    setTimeout("redireccion()",segundos);
</script>

Modificamos la página y el tiempo (segundos)

EXTRA: redirección con PHP
De forma adicional también es posible redireccionar una página web haciendo uso de PHP a través del siguiente código:

<? header("location: http://www.xploit29.com"); ?>

Modificamos la URL

Aprendiendo Web es una bitácora (blog) que nos enseña y motiva al buen uso de los lenguajes de CSS, XHTML y más. En cada post nos indica pequeños aspectos a tomar en cuenta en el momento en el que desarrollemos una página web.

Germán Martínez quien está a cargo de Aprendiendo Web, ha creado a través de Amazon una “librería virtual” en la que se muestran libros relativos al temas de la semántica, las nuevas prácticas en el diseño web, uso correcto y muchos otros libros interesantes que estoy seguro que valen la pena adquirir. El que nos recomienda para iniciar es uno titulado: Head First HTML with CSS & XHTML.

Como el mismo menciona, no se trata de un beneficio monetario sino que se trata de que en la medida que personas adquieran libros a través de su tienda, él pueda recibir libros como obsequio y así enseñar más cosas. Excelente oportunidad para todos los interesados, y que mejor recomendación antes de comprar un libro que la de un experto.

Yo por mi parte, seguiré ahorrando para adquirir uno de esos libros tan pronto sea posible.

Enlace | AW Design Store
Enlace | Aprendiendo Web (AW)

CornerShop con la cuál podemos simplificar minutos en crear las esquinas redondeadas para nuestro proyecto en alguna aplicación de diseño como Photoshop o Corel Draw.

Es muy fácil y sencilla de usar ya que únicamente tenemos que ingresar 4 datos y listo. Los datos necesarios para realizar el proceso son el código de color del plano y de fondo; la medida de la esquina (en píxeles) que se desea crear y también no menos importante, si deseamos que alguno de los colores de plano o fondo sean transparentes.

Y si con ello no basta luego de haberse creado las 4 imágenes (1 por cada esquina) esta utilidad nos muestra un ejemplo de como agregar estas esquinas en nuestro código fuente, tanto en la CSS como en la HTML.

Una herramienta muy útil para ahorrarnos unos minutos y darle algo más de estilo a los sitios web ya que se ha vuelto una tendencia el diseño de los sitios con estas formas.

Enlace | CornerShop
Vía | Geeks Room