Nuevo template
Casi un año y medio después del último rediseño, inauguro una nueva versión de este blog. Les comparto algunos puntos sobre la idea y el proceso:
La idea
Tenía ganas de hacer algo simple, en todo sentido. Hacer la carga más ligera y reducir el ruido. Quitar bloques y detalles innecesarios. Que el protagonista sea el post.
Simplificando
Además de eliminar bloques que no aportaban mucho, reduje la cantidad de imágenes e iconos en general. Incluso el “logo” está hecho sólo con texto y CSS.
Me gustaba la idea de una imagen destacada para cada post, que sea lo más vistoso de cada página. Además, siento que en este formato encajan cosas que en el theme anterior no quedaban del todo bien: puedo compartir posts más cortos y sencillos haciendo que queden “lindos” y que no se pierdan visualmente en un montón de ruido.
Un ejemplo de la simplificación de uso viene de saber que nadie comenta los posts, ni los comparte en redes sociales. Todos esos botones y bloques ocupaban un lugar innecesario (los comentarios siguen estando y siguen siendo muy importantes, simplemente el enlace es más discreto). De esa misma forma eliminé un montón de detalles que no aportaban demasiado.
Ajustando
Además de cargar posts con AJAX (en algunos casos), también experimenté con cosas de HTML5, como el cambio de URL y el historial del browser… Es algo sobre lo que todavía no hay demasiada documentación y tampoco funciona igual en todos los browsers. Espero que no se rompa nada.
En el theme anterior, la paleta de colores del sitio se generaba automáticamente a partir de la imagen de fondo, pero era muy pesado.
En este caso, empecé con una paleta de colores genérica, pero Na me sugirió que probase cambiarla según la imagen del post, manteniendo el concepto anterior y dándole un detalle curioso al blog. Así que experimenté un poco, mejorando la extracción de colores y la forma de guardarlos (e incluso cambiarlos si tengo ganas). Al resultado le sumé algunos efectos con jQuery y otros detalles con CSS.
Seguramente muchos posts antiguos no encajen del todo en el nuevo formato. Ya me pondré a corregirlos de a poco.
Naveguen un poco por el blog, miren algún post al azar, prueben ir cambiando de post con las flechitas y cuéntenme qué les parece.
Felicitaciones!!! Me parece que el nuevo theme responde perfectamente al objetivo.
Creo que al haberle quitado distracciones visuales y al contar con un formato que permite realizar post más simples se fomenta más la lectura.
De hecho, se parece más a un libro =)
Me alegra que te guste como quedó! Y muchas
gracias por las ideas y revisiones <3
Quedo simpatiquisimo. Felicitaciones! (y ya tenes un comentario :P)
Detalles: URL es obligatorio. Please enter url sale en ingles, y sale con un globito apuntando a “Nombre” (Mac, Chrome)
Update: no me deja comentar, porque siempre me dice please enter a url
Gracias Juan!
Me había confundido en el tipo de campo (o los puse al revés más bien) y estaba comprobando que Nombre sea un “url”.
Eso es otro de los detalles de HTML5, aunque solo los browsers modernos chequean que lo que escribas es un url de verdad…
Tuve que poner http://Juan de nombre para que me deje :P
Fijate eso en el campo de nombre!
Vos si que sabes! Aunque voy a extrañar lo de la foto de fondo de tus albumes de Flickr.
Quedo muy bueno.
:D
Podés seguir viendo las fotos en mi portfolio (?)
Hasta funciona en IE8! Aún queda pendiente lo de los widgets, no?
Si miras el javascript, verás que al final mandé IE al carajo, porque en todos fallaba algo distinto, y la función de recargar los posts es… especial xD
Y si, lo único que no funciona son los widgets al cargar el post con AJAX :S
Ame el AJAX y los detalles de funcionalidad que pones siempre. Me gustaba el colorinche de antes con toda la actividad en todos otros lugares, pero cumpliste a lo que apuntabas con este rediseño y me gusta tambien.
Un gusto como siempre ver tus laburos Leo. Abrazo
Gracias Euge! :)