Rediseño de sitio Instituto Sonorense de Cultura

Por fin entregamos el sitio del Instituto Sonorense de Cultura, fueron muchas noches de leer el manual del CMS, y de aprender CSS por supuesto jeje, a prueba y error.

Bueno, lo más importante de este rediseño es que es casi tableless, (el CMS renderea cosas que no pude corregir), es cierto, cuesta más trabajo pero los resultados no pueden dejar de tomarse en cuenta. Código limpio y más fácil de mantener, separación de contenidos y presentación :), además el sistema de tags que usa el Article Manager herramienta responsable del funcionamiento del sitio hicieron que este rediseño fuera mmm... entretenido por decirlo de una manera, ya sabes, cuando descubres algo que siempre andabas buscando. Hay cosas del Article Manager que me gustan como su sistema de tags, similar al de Movable Type, pero tiene otras cosas que no me gustan para nada, por ejem. cuando ingresas una nota hay un editor WYSIWYG, que genera tags tan despreciables como los -font- jeje, todo lo que le hagas al texto a través del editor ese lo genera en HTML tags, osea colores, tamaños, etc. por fuera de eso todo es blancura ;).

El sitio usa 3 templates diferentes básicamente, el que usa el index general, el que usan los index de cada categoría y el que usan los artículos individuales. Antes cada template pesaba 45 kb, hoy pesan ¡5kb! y tienen más elementos en su funcionalidad que antes.

Hablando del diseño le dimos una revisada a las fuentes utilizadas y le dimos prioridades a los diferentes elementos de información, ya dentro de una nota la estructura en la información es más marcada, en el index y las categorías necesitamos desplegar más info en menos espacio, es por eso que los titulos no son tan grandes. Por el contrario en las notas individuales podemos jugar más con los elementos, meterles más diseño, lo que hice aquí fue poner el título grande, para que en cuanto entres sepas de que se está hablando, después sigue el sumario que es una pequeña introducción a la nota que da información al lector y que le sirve también para ver de que se trata, y ya si está interesado seguirá leyendo en el texto de lectura que es a donde va a caer después de los dos primeros elementos. Aquí puedes ver de que hablo.

En general el sitio ahora es más liviano, más usable además de cambiarle la cara al ISC que buena falta le hacía ya a dos años del primer diseño.