Creación de una revista en línea efectiva con WordPress: resultados preliminares

por Rudd-O publicado 2006/11/17 23:55:00 GMT+0, Última modificación 2013-06-26T04:38:57+00:00

Recuerdan el reciente artículo making a magazine out of WordPress? Hoy podrán ver, en exclusiva, un avance preliminar:

Esta foto preliminar ilustra el progreso hecho en tres días de esfuerzo. Por supuesto, este ejemplo no es funcional porque aún no he programado. Sin embargo, lo que ven es un preliminar verdadero -- no es un dibujo sino una página HTML en el navegador. Por cierto, hice los dibujos originales usando Inkscape, un fabuloso programa de dibujo vectorial para Linux.

Mencioné que todos los pasos de este proceso se ejecutan únicamente con software libre?

The front page

Así se ve la página frontal en este momento. Haz clic en la imagen para verla en mayor tamaño.

La página de inicio de la revista

Lo que se ve

Noten que:

  • el nuevo logo tiene un look Web 2.0
  • se usan pocas tipografías: Verdana y Gill Sans. Gill Sans le da un extra "Web 2.0"; como pocas personas tienen esa tipografía instalada, las tipografías se cargan automáticamente vía estilos
  • el artículo más reciente está prominentemente dispuesto y es fácil de distinguir
  • la página muestra automáticamente contenidos populares de la sección correspondiente al artículo más reciente
  • el tema presenta enlaces a los artículos recientes y relacionados en listas fáciles de identificar
  • la barra lateral (a la que le falta un cuadro de publicidad) es limpia y fácil de leer
  • el contenido más importante está en el primer pantallazo del navegador
  • la navegación (búsqueda, migas de pan y páginas) están en la cabecera y son accesibles

Del segundo pantallazo hacia abajo aparecen más artículos bajo el título "Más noticias y artículos". Este área contiene una lista de artículos recientes y populares de cada sección, y las secciones listadas están ordenadas en el tradicional orden inverso cronológico.

Lo que no se ve -- o la importancia de los estándares Web

  • todos los estilos de enlaces funcionan correctamente -- los enlaces apuntados o enfocados se iluminan, y los enlaces visitados se distinguen visualmente de los no visitados
  • el texto se puede redimensionar con los controles del navegador -- la única parte que sufre problemas es la barra superior de navegación: se oculta parcialmente con tipografías muy grandes
  • el sitio es completamente funcional con las hojas de estilo apagadas
  • la diagramación es correcta y fluida en cualquier resolución -- hasta 640x480 -- y ya estoy trabajando en estilos para PDAs y computadoras de bolsillo
  • los estilos de impresión están implementados, y estos automáticamente ocultan partes innecesarias para ofrecer impresiones rápidas y baratas
  • el contenido es el rey, y recibe una posición ventajosa en la fuente HTML
  • no se usa JavaScript -- un par de extras basados en JS aparecerán más tarde, pero no serán requeridos
  • sin Flash, y a pesar de eso, hip y elegante
  • el sitio se ve correctamente en Firefox y Konqueror (y eso a pesar de que Konqueror agranda las tipografías un poco); esto significa que también se verá bien on Safari en computadores Apple -aún no he probado el sitio en IE7; sin embargo, sospecho que se verá correctamente, porque he evitado usos problemáticos de CSS en IE7; IE6 simplemente no recibirá ninguna consideración

Estas cosas no son caprichos míos. Tampoco son coincidencias afortunadas. Supe, desde el principio, que el nuevo sitio tendría que acogerse a estas características. Mi expectativa es que tendré visitantes discapacitados y usuarios móviles. Y, finalmente, la forma en la que el contenido se presenta responde fielmente a los requerimientos que establecí en el artículo anterior sobre la revista.

Sin exagerar, puedo decir que esto significa una cosa: es posible construir sitios Web efectivos con tecnologías sencillas y observando las normas públicas de la Web. Por eso pregunto: ¿por qué la gente insiste en complicarse la vida y falta a los estándares? Sospecho seriamente que es porque la mayor parte de "diseñadores Web" es gente poco seria y vaga que prefiere seguir construyendo sitios Web con código "espagueti" sin "desperdiciar" tiempo en conocer las herramientas de su propio oficio.

Conclusiones

Sé que no soy un genio del diseño, pero creo que sí "la muevo". ¿Qué piensas tú?