Una nueva portada y dos técnicas útiles: ‘responsive design’ y ‘unobtrusive JavaScript’

Para la nueva portada del sitio web he utilizado dos técnicas que deberían ser conocidas por cualquiera que se dedique al diseño de webs.

He dedicado los últimos días a crear una nueva home para este mi sitio web personal con el objetivo de simplificar un tanto su contenido y clasificar la información disponible en tres grandes grupos: quién soy, qué hago, y qué escribo. También quería que su diseño reflejara en cierto modo a lo que me dedico, dándole un aspecto parecido al de un boceto o prototipo.

Nuevo aspecto de la home de jordisan.net

Sin embargo, la parte más interesante del nuevo diseño ha sido la posibilidad de utilizardos técnicas que facilitan que la página sea usable y accesible para el máximo número posible de usuarios: ‘responsive design’ y ‘unobtrusive JavaScript’.

(more…)

Un badge Javascript (mejor) para Twitter

Aquí tienes un badge (widget) HTML/Javascript para mostrar tus updates de Twitter. ¡Mucho mejor que el de la página de Twitter!

¿Así que quieres mostrar tus últimos updates de Twitter en tu página web? Puedes usar el badge de Twitter, pero su aspecto no es demasiado bueno, y ni las URLs ni los @replies en los updates son enlaces.

Si quieres un badge mejor, incluyendo URLs y @replies enlazados (como el que aparece en la columna izquierda de esta página), simplemente sigue estos pasos:

Badge para Twitter 

(more…)

A (better) Javascript badge for Twitter

Here you are a HTML/Javascript badge for showing your Twitter updates. Much better than the one at Twitter's web page!

So you want to show your latests Twitter updates in your web page? You can use Twitter’s badge, but the look isn’t great, and URLs neither @replies inside updates are not clickable.

If you want a better badge including clickable URLs and @replies (like the one at the left column of this page), just follow these steps:

Badge for Twitter

(more…)