Revisando a Stylish Weblog y su theme

PF/SR La plantilla que usa un blog da la imagen al sitio, puede ser tan genérica como usar el theme por defecto del sistema o absolutamente personalizada que le distinga simplemente por su diseño.

Dependiendo de lo que se busque al iniciar un blog será necesario prestar mucha atención a cual plantilla se usa, además de lo estética o agradable que pueda resultar, es importante considerar otros aspectos relacionados con la validación de XHTML y CSS, la usabilidad y la optimización para los motores de búsqueda y publicidad si se ha contemplado incluirla.

Hay plantillas muy llamativas que se pueden adaptar con facilidad según el contenido del blog, por ejemplo Stylish Weblog es un sitio donde el autor habla, entre otros temas, sobre programación, finanzas, tecnología, diseño (Design blog) y herramientas web; la plantilla escogida le viene como anillo al dedo con un look al estilo web 2.0 en tonoz pasteles de azul con pequeños toques de color, fácilmente identificable con los contenidos desarrollados.

Si se visita el sitio usando Firefox o Explorer 7 todo va de maravilla, se supone que la mayoría de sus visitantes utilizan uno de estos navegadores, pero si alguien llega al sitio con la versión 6.x o con una un poco mas antígua (5.x) ya las cosas no se ven tan bien puestas y seguro son visitas que el sitio pierde.

Este detalle lo considero importante tanto mas cuanto el blog trata temas vinculados con aplicaciones Microsoft, el post sobre la Comunidad SpyNet que explica los tipos de membresía a los que se puede optar dentro de la spyware community, o el que habla sobre los tipos de cuentas de usuarios en Windows Vista (user accounts) indican que los asíduos y visitantes utilizan las aplicaciones de Microsoft; ¿porqué no suponer que muchos de ellos tengan versiones un tanto antíguas del Explorer?

Por el simple hecho de que buena parte de los contenidos de Stylish Weblog están referidos a Microsoft, es obligatorio para el blogmaster verificar que el theme escogido funcione apropiadamente en diversas versiones del navegador de esta casa, o sea, que funcione bien tanto en Explorer 7.x como en sus antecesores 6.x y 5.x.

En lo particular me gusta mucho como luce la plantilla, el diseño es simple y agradable pero no resulta muy práctico para algunos visitantes; en versiones anteriores al Explorer 7, el header muestra una mezcla del nombre del sitio con el nombre del theme (Stylish Weblog y Fresh News Theme), y un conflicto con los scripts hace que algunos de los estilos aplicados a los enlaces se trastoquen mostrando el texto en blanco.

Como una imagen dice mas que muchas palabras, les dejo dos recortes de capturas de pantalla del sitio, la primera navegando con FireFox y la segunda con Explorer 6.0.

Por otra parte, al ser un blog que trata sobre diseño web, debería cumplir con los estándares XHTML y CSS; vamos, que el sitio en cuestión arroja 24 errores que le impiden cumplir con la validación XHTML 1.0 Transitional.

Nada que objetar a la hoja de estilos, en cuanto al XHTML hay varios detalles:

El header contiene etiquetas sin cerrar y texto en mayúsculas, una muestra:

<META NAME=”GOOGLEBOT” CONTENT=”NOARCHIVE”>.

En el body hay etiquetas con especificaciones duplicadas para algunos atributos, por ejemplo en la nube de tags donde el atributo rel está dos veces:

<a rel=”nofollow” href=’http://www.stylishwebdesign.us/directory/tag/apps/’ class=’tag-link-14′ title=’1 topic’ rel=”tag” style=’font-size: 10pt;’>.

Como saben no me entiendo mucho con los códigos y el diseño de plantillas pero si un sitio da información sobre esto, considero que por lo menos debe cuidar este tipo de detalles.

Como dice el refrán: “en casa de herrero cuchillo de palo”.