Rediseño de Neurotic

Hemos rediseñado la web de Neurotic ya que desde que tenemos a nuestro nuevo diseñador (fernando) hemos podido dar un paso más allá en nuestros diseños.

La web usa varias técnicas que explicaremos en entradas dedicadas más adelante de las que haré ahora un pequeño repaso:

  • Sliding doors: Sirve para que teniendo un background no regular este pueda expandirse según el texto que contiene.
  • Fondo que cambia según la hora: El fondo de la página principal (incluido el sol) cambia según la hora que sea (día/noche/amanecer/atardecer)
  • Javascript no intrusivo y efectos con javascript usando prototype, behaviour y script.aculo.us
  • Web multiidioma
  • Urls amigables sin extensión usando mod_rewrite y un front controler

Text-indent en Opera

Ocultando el texto de un h1 con text-indent negativo me he topado con que Opera interpreta el indent y lo añade al width del body, por lo que éste queda desproporcionado. Para solucionarlo, he optado por ocultar el texto con margin-top negativo, ya que está situado justamente al principio de la página.

Esta solución es únicamente aplicable cuando el h1 no contiene la imagen de fondo con el logotipo, que es el caso.