El blog 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

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.

Navegando por digg me he encontrado esta página de fuentes pixeladas

Tonyyoo ha creado una interesante lista de herramientas para la web

Vía Meneame

En webspaceworks.com han hecho una referencia visual de 19 fuentes multiplataforma.

Sweetie, una nueva colección de iconos bajo la licencia CC

Slashdot ha convocado un concurso para rediseñar su página. Como premio dan un portátil aunque me parece mejor premio la reputación que te puede dar el conseguir que tu diseño sea el de Slashdot.

Nosotros nos apuntamos, a ver que tal nos va.

Vía Digg

Un buen montón de cabeceras con buenos diseños.

Vía Digg

Una larga lista de páginas de iconos.

Vía Digg

Seguro que tienen su tiempo, pero yo los descubrí ayer. Son tres series de iconos muy bien hechos aunque pequeñitos.