Lavado de cara
Me he tomado la libertad de cambiar un poquillo la hoja de estilos del sitio.
Espero que les guste y les parezca clara. Lamentablemente no ha quedado como yo quería por falta de tiempo, pero como decía un amigo: “En esta epoca todo es operable” 
La idea era, en principio, lograr un diseño más usable, limpio y legible, además de bonito, con la menor cantidad de gráficos posible. El único gráfico necesario ha sido el logotipo, el resto son solo tipografía y “colorines”. La diagramación usa una técnica relativamente nueva: anchos “elásticos”. Esta técnica se basa en una regla del diseño editorial que dice: el ancho óptimo para la más cómoda lectura de un bloque de texto se encuentra entre los 30 y 40 em (para quien no lo sepa, un “em” es la medida del ancho de la letra “M” mayúscula en toda tipografía y varía, obviamente, dependiendo el tamaño en que ésta se use). Ésto significa que si agrandas la tipografía de la página mediante las opciones de tu navegador, los anchos de la página también variarán para adecuarse al nuevo tamaño manteniendo el ancho óptimo para la lectura.
He estado haciendo pruebas junto a algunos amigos con ciertas discapacidades visuales y hemos llegado a la conclusión que es la mejor opción contra las otras dos anteriormente conocidas: anchos fijos y anchos líquidos. Por ello he decidido aplicarlo aquí.
Ya iremos mejorándolo más, poco a poco. Por lo pronto, agradecería comentarios o sugerencias respecto al diseño y diagramación.
Desde ya, muchas gracias.
12 de June, 2004 - 11:15 pm
¡Qué chulo! mola un webo:)
12 de June, 2004 - 11:19 pm
Me encanta los cambios que has hecho a la css, sencilla y clara a la vez. Increible
13 de June, 2004 - 7:18 pm
Gracias a ambos por sus palabras… les recuerdo que si quieren sugerir cambios o algo así, estamos abiertos
15 de June, 2004 - 10:25 pm
Me encanta. La verdad que no he visto la versión anterior de esta página, ya que es la primera vez que entro. Pero cada vez que veo una página con diseños tan sencillos (y con ello no quiero decir que sean faciles de hacer…) y elegantes, me anima para coger alguna que otra idea de ellos.Creo que acabais de ganar un nuevo visitantea para vuestro blog.
Saludos.
16 de June, 2004 - 7:26 am
simple y efectivo, minimalista por decirlo asi.
La comunidad wordpress sigue avanzando por lo que veo, definitivamente el mejor blogger que hay.
pd: al ingresar aparece Actual: en_US (no deberia ser es_ES?)
16 de June, 2004 - 11:51 pm
Gracias, ylinks… la versión anterior era, simplemente, la plantilla y CSS estándar de WP (el verdecito que ya cansa un poco
). Por ahora la plantilla sigue casi sin cambios, pero he rehecho el CSS completo.
c32: personalmente, siempre creí en b2 (el abuelito de WordPress) y en WordPress mismo… por eso me decidí a aportar junto a los amigos un par de granos de arena para que el sistema siga mejorando y tomé el compromiso de recordarles a sus desarrolladores que el mundo no se acaba en el idioma inglés y sus 7 bits para carácteres (cosa que muchas veces olvidan).
El tema del en_US por defecto cuando entras era porque estabamos usando un WP estándar y estaba bueno que entraras y vieras lo que verías de instalartelo tú mismo, y que al cambiar tú mismo de idioma verías más facilmente los cambios de cada traducción… con el cambio de imagen tal vez sería mejor definir es_ES por defecto. Lo pensaremos. Gracias
18 de June, 2004 - 1:08 pm
Genial el diseño, clarito, calrito, y si no has tocado el template bastante adaptable. Si me permitís una sugerencia, el logo de cabecera puedes sustituirlo por una imagen de fondo y el nombre en texto nomral, así si decides cambiar el estilo, no tendrás que incrustar el logo de nuevo. El truco está en darle al header el logo como imagen de fondo y un poco de padding a la izqda asi desplaza el texto y no tapa el logo.
20 de June, 2004 - 1:01 am
Eme: gracias por tus comentarios y tu sugerencia. Te cuento que el logo y el iso que ves son exactamente una imagen de fondo… para no cargarme el orden semántico de los documentos, el nombre del sitio es un H1. Para no limitarme solo al uso de tipografías “web” (ya limitadas en sí mismas) he usado una técnica muy simple para reemplazar etiquetas por imágenes (en este caso el H1) desarrollada por Mike Rundle.
Es claramente muy simple y efectiva en la mayoría de los casos, sin afectar la accesibilidad para dispositivos no convencionales o lectores de pantalla. Te la recomiendo
23 de June, 2004 - 5:55 pm
Hola.
La verdad es que el estilo es buenisimo.
¿Alguna posibilidad de publicarlo para poder verle las tripas?
Gracias…
13 de August, 2004 - 4:05 pm
hola amigo, me voy a descargar tu css para aprender como has consguido todo esto. Soy un apasionado de la accesibilidad y la usabilidad, aunque solo estoy empezando.
De hecho he empezado a trabajar con wordpress por que me parecia que era el sistema con el que mejor podia ponerme a trabajar sobre estos temas en un sistema de edicion que estamos pensando unos amiguete.
Desde ya gracias
Me haré asiduo de tu blog
13 de August, 2004 - 4:19 pm
Rick, raul: el CSS de este sitio, como todos, es abierto y lo pueden ver en http://wordpress-es.sourceforge.net/wp-layout.css
Si lo usan para algo estaría bien verlo, confío en que nos lo contarán