Está terminando Noviembre y no he puesto ninguna entrada, me comprometí a poner al menos una entrada al mes, aquí va una sobre el tema que me tiene entretenido últimamente.
Responsinator es una herramienta que te ayuda a obtener rápidamente una indicación de cómo tu página se verá en los dispositivos más populares.
Hombre, los resultados no van a misa, la prueba buena es hacerlo con los dispositivos reales pero en mi caso me ha servido para ver un pequeño gazapo, lo cuento:
Si miramos este enlace, (iPhone 5 portrait · width: 320px)  y nos desplazamos a la parte de abajo de la página podemos observar que terminan las entradas y aparecen las tres imagenes de Twitter, Facebook y Google+ para compartir la página, pero en cambio si miramos este otro enlace (este enlace se corresponde con mi dispositivo actual) veo más cosas.
Por qué con el iPhone 5 no vemos esos tres enlaces de abajo ??? no los vemos porque me les he cepillado para esa resolución porque se veían como un culo (con perdón).
Cómo me los he cepillado ???  Los media queries son la herramienta más poderosa para hacer estas cosas, os pongo el código:

/* para 320px o menos */
@media screen and (max-width: 20em) {
#mobile {display: none; }
#mobile1 {display: none;}
#mobile2 {display: none; }
}

El código no es nada del otro mundo, lo que pretendo resaltar en esta entrada es la página de Responsinator, uno no tiene a mano media docena de dispositivos para ir probando a ver que tal queda la cosa.

MobileResponsive