Revisando a Stylish Weblog y su theme
![]()
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”.


Mayo 7, 2008
Primeramente un saludo a PuntoFape.
El tema expuesto aqui es de lo mas extenso e intererante; puesto que incluye conceptos de diseño web, html-xhtml, hojas de estilo, lenguajes de scripting, web 2.0, etc.
Pero en cuanto a la versatilidad y compatibilidad de un sitio, estoy seguro que a muchos de los que nos adentramos (yo, hace poco) en el mundo del codigo fuente nos ha traido muchos dolores de cabeza. Y es que conseguir que un sitio se vea lo mejor posible en todos los navegadores y más aun que este mismo sitio sea accesible por la mayor parte posible de las versiones de estos mismos es ya en si una odisea.
Pero esto no es muy facil de lograr, ya que cada navegador muestra con algunas diferencias un mismo documento web; si bien, como vemos en este post las capturas de pantalla de ejemplo las diferencias son visibles sin dificultad, mas lo es aun con versiones mucho mas anteriores de los mismos navegadores.
Quisiera conocer la opinion de los demas respecto a esto y la mejor manera de acometer este problema. En lo personal lo que yo sugeriría seria que echen un vistazo en la siguiente web (aunque el sitio esta en ingles):
http://www.anybrowser.org/campaign/
Como siempre un saludo a los editores y suscriptores de PuntoFape. Y aprovecho la oportunidad, si no es molestia, de comunicarles el lanzamiento de mi blog personal: http://www.codigovip.com espero se pasen por el sitio en cuanto puedan.
Gracias de nuevo, y seguire atento a los comentarios de este post.
Mayo 7, 2008
el diseño está bonito, pero demasiado simple para mis gustos jejeje xD
Mayo 8, 2008
Felicidades, otra revisión, Exito!
Mayo 15, 2008
fabian estaba buscando una plantilla como la de esa web pero no la consigo, donde puedo conseguir una?