Recibe nuestros articulos a diario

Un nuevo año, un nuevo rediseño para retropia.

¡Año nuevo, diseño nuevo!

Despues de más de un año y medio en un medio como internet donde el tiempo corre mucho más deprisa de lo normal, ya tocaba un pequeño rediseño de retropia para ofrecer una nueva experiencia a nuestros lectores. Contenido más limpio, claro y accesible han sido las claves de esta nueva apariencia.

Contenido limpio, claro, usable y accesible, las claves del nuevo diseño.

Así es y como habéis podido comprobar este nuevo diseño hace mucho hincapie en eso, diseño limpio, colores basicos y texto a mayor tamaño para facilitar la lectura y de paso la usabilidad del sitio. También hemos limitado mucho las imagenes especialmente en los articulos, donde los avatares desaparecen si los comentarios superan la decena (así que los primeros en comentar se llevan el premio), con esto conseguimos que artículos que tengan mucha vida cargen el doble de rápido. Tambien se han usado ccs sprites, compresión de servidor y otras tecnicas para tratar de acelerar la carga de la página (Espero que funcione xD).

nuevo diseño de retropia

Accesible y usable

Por que internet debe ser un lugar donde todos nos podamos enriquecer y beneficiar de sus contenidos, es importante que los hacemos internet nos preocupemos de posibilitar su disfrute al mayor número de población. Por ello todas las imagenes están debidamente etiquetadas, y contáis con una serie de atajos rápidos para moveros con ligereza por retropia

accesskeyEstos son los llamados accesskey (accesos rapidos en inglés) y que junto con una combinación de teclas nos lleva directamente a la dirección deseada. Os dejo con la lista de accesskey:

Portada: p

Reportajes: r

Actualidad: a

Trucos: t

Frikadas: f

Contacto: c

mapa del sitio: s

Y con una chuletilla que nos indica como usarlos en cada navegador:

Internet Explorer: ALT + AccessKey + Enter

Firefox: ALT + MAYUSCULAS + AccessKey

Chrome: ALT + MAYUSCULAS + AccessKey

Opera : MAYUSCULAS + Esc + AccessKey (En Opera puedes ver todos los atajos pulsando MAYUSCULAS + ESC).

Además el contenido tiene una estructura clara y directa para facilitar la labor al usuario. Cabe destacar el esfuerzo que se ha hecho en cumplir con las directivas de accesibilidad y que se ira mejorando con el tiempo.

Estandar

Ahora cumplimos escrupulosamente los estandres, concretamente el DOCTYPE  XHTML 1.0 Transitional y el CSS 2.1 en la imensa mayoría de las paginas (alguna es posible que se escape). Hablando en plata que gracias a cumplir con las reglas de la W3C este sitio web se verá correctamente en la inmensa mayoria de navegadores (menos en ie6 que es una mierda).

Novedades y Web 2.0

En esta nueva época haremos un activo uso de lo que se llama la web 2.0, integrando de forma muy interesante twitter o haciendo recomendaciones en nuestro bloc de notas, además de otras ideas destacadas que poco a poco iremos desvelando.

Articulos recientes

Realidades virtuales, Pyro Studios en España Directo
Metal Gear Solid The Twin Snakes


Comentarios 

avatar de vids

 Hace 8 meses vids dijo:

PLAS PLAS PLAS

No te miento ( ni te hago la pelota xd ) si te digo que es uno de los mejores diseños que hay en la blogosfera española.

Mi más sincera enhorabuena ;)

avatar de Topofarmer

 Hace 8 meses Topofarmer dijo:

Me encanta el nuevo diseño

Y mola lo de las Access Keys, no las conocía y son bastante útiles

avatar de raul

 Hace 8 meses raul dijo:

¡Gracias por los halagos!

Me alegro que os haya gustado ;)

avatar de Andresito

 Hace 8 meses Andresito dijo:

Señor, solo una cosa: diseñazo.

avatar de Pedja

 Hace 8 meses Pedja dijo:

De puta madre, Raúl. Una felicitación más por aquí :)

avatar de Jarkendia

 Hace 8 meses Jarkendia dijo:

Estás hecho un crack, Raúl. Y minipunto para ti por lo de las access keys ;)

avatar de LaGeller

 Hace 7 meses LaGeller dijo:

Qué bien le ha sentado a Retropía este lavado de cara. Otra más que se une a las feliciaciones.

Comenta con nosotros

Pesta atención e introduce correctamente el código antispam

número antispam 519


*Campos obligatorios