Muchisima gente sigue usando Internet Explorer 6 como navegador, bien porque no conocen otra alternativa o por pereza/problemas a la hora de actualizarlo.

La peor parte de esto, es que todos los usuarios de dicho navegador están expuestos a multitud de peligros y problemas. Una muestra de ello es un simple código de CSS y HTML como este:

1

<style>*{position:relative}</style><table><input>

El código que se encuentra por encima de estas lineas, provoca un error en IE que hace que se cierre de manera automática…

Si usas IE y lo quieres comprobar, tan solo tienes que seguir el siguiente enlace y esperar el resultado: IE crash!

Stumbleuponando (bonito palabro me acabo de inventar ) me he encontrado un interesante editor online de HTML con el que poder ir viendo al instante las modificaciones que realicemos en nuestro código.

La página esta dividida en 2 frames en el superior es en el que vas escribiendo el código de tu página, y el resultado va apareciendo automáticamente en el frame inferior. Pero lo que le hace para mi realmente interesante es la posibilidad de definir también las CSS de cada uno de los elementos (capas, párrafos, listas, …)

Para los vaguetes, les dejo un código con varios ejemplos de HTML y con propiedades CSS que copiar y pegar para probar el editor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<style type="text/css">
  h1 {
  text-decoration:underline;
  color: gold;
  }
  ul {
  border: 3px dashed #333;
  background: #666;
  color: white;
  }
</style>
<h1>Titulo de prueba</h1>
<p>Lorem ipsum dolor sit amet...</p>
<ul>
<li>uno</li>
<li>dos</li>
<li>tres</li>
</ul>
<del>texto tachado</del>
<blockquote>una cita: Lorem ipsum</blockquote>

Si quieres agregar Twitter a tu blog, puedes encontrar multitud de plugins que te permitirán hacerlo facilmente, sin embargo lo que mucha gente desconoce es que es igualmente sencillo (si no más) y bastante más rápido hacerlo mediante código HTML.

El código en cuestión nos lo facilitan en la propia web de Twitter.

La parte de código que se muestra a continuación debemos colocarla en el lugar de nuestro blog/web donde deseamos que aparezcan nuestros tuiteos.

1
2
3
4

<div id="twitter_div">
<h2 class="twitter-title">Twitter</h2>
<ul id="twitter_update_list"></ul>
</div>

Con esto, estamos creando una capa (div) que contiene una cabecera (h2) y una lista con nuestros tuiteos (ul), por lo que podremos personalizar fácilmente su apariencia mediante CSS.

Pero el código anterior no funcionara correctamente sin incluir esta otra parte:

1
2

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USER.json?callback=twitterCallback2&count=X"></script>

Esta última parte es un javascript que recoge los datos de nuestro perfil en Twitter y los coloca en la lista de antes (ul). Aquí debemos configurar 2 parámetros:

1. USER: nuestro nombre de usuario en Twitter
2. count=X: sustituyendo la X por el número de actualizaciones que queramos mostrar

Por último añadir que esta parte del código es recomendable ponerla al final del todo de nuestra página, justo antes de la etiqueta < /body > para evitar retrasar el tiempo de carga de nuestra web y posibles errores si Twitter se encuentra caído.

Ya de paso aprovecho y os dejo el Twitter de David Barredo (el mío) para todo aquel que le interese

Por cierto… ¿Twitter se cae? jajajaja

Muchas veces al crear un documento web necesitamos incluir algún carácter especial, como el © del copyright, ® de registrado o incluso otros como ♠ ♣ ♥ ♦

Para que estos caracteres sean interpretados de forma correcta por cualquier navegador la forma correcta de escribirlos es así:

© ® ♠ ♣ ♥ ♦

Pero no solo hay estos 6, en realidad existen 252 caracteres especiales. Los puedes encontrar todos en una estupenda guía en la que aparece el carácter especial y el como escribirlo en nuestro documento web.

XHTML Character Entity Reference

Para redireccionar desde una página a otra de forma automática tan solo tenemos que añadir una linea de código entre las etiquetas <head> y </head> de nuestra página.

<meta http-equiv="refresh" content="3;url=no_javas.html">

Esto nos puede venir muy bien si por ejemplo tenemos una web cuyo uso necesita que javascript este habilitado. Si un visitante no tuviera habilitado el javascript podríamos mandarlo de forma automatica a otra direccion donde no fuera necesario javascript de la forma siguiente:

1
2
3

<noscript> 
  <meta http-equiv="refresh" content="7;url=nojavascript.html">
</noscript>

Donde el número 7 seria el tiempo en segundos y nojavascript.html la página a la que será redirigido pasado ese tiempo.