Aeromental V5.4: Mejoras en diseño

@ 09 . marzo . 2012

Hoy celebramos la versión 5.4 de Aeromental :fiesta: :cerveza: con varios cambios y retoques que fueron sucediendo durante el tiempo desde que lanzamos la V5.3 en Noviembre del 2011.

:challenge: Aeromental V5.4: [Zoom]

Aeromental V5.4


Aeromental V5.3: [Zoom]

Aeromental V5.4

Novedades

Entre las distintas novedades en el diseño, podemos citar las siguientes:

Mejoras en la Cabecera (Header)

header de Aeromental v5.4

  • Un thumb en el área azul del header, resaltando automáticamente el último post publicado, para conveniencia de los lectores. El texto vertical y la animación se realizó con CSS3. :hipster:
  • El header dejó el color plano y tiene ahora un degradé circular. El área del titulo del post también tiene un ligero degradé de gris a blanco.
  • La fecha tiene fondo verde.
  • La palabra Mental del logotipo cuanta con varios tonos de naranja en lugar de uno solo.
  • Si pasas el mouse sobre el logo, verás una animación continua de vibración/temblor (también con CSS3). :notbad:

Barra Lateral

Los posts más populares, ahora cuentan con más información que sólo el título, se agregó Fecha de publicación y Cantidad de comentarios.
Barra Lateral Aeromental V5.4

El dato de cantidad de comentarios también se agregó a los 3 posts que salen al azar.

Comentarios

Los avatares son ahora circulares, con Wavatars para los que no tienen un gravatar personalizado.
comentarios Aeromental v5.4

De la misma manera actualizamos algunos emoticons y aumentamos varios en especial de Meme Faces: Lista completa de Emoticons. :aysi:

Pie de Página (Footer)

Simplemente añadimos un logo animado en 3D gracias a CSS3:
Footer de Aeormental V5.4

Finalmente, hemos quitado los botones de Google Plus, por su escaso uso y para aligerar la página.

Autor del post: DanielSemper: @aeromental + Facebook

  • Daniela

    Molan los cambios de diseño sigue así!

  • ugn2010

    Me gustaron estos cambios… Si, me di cuenta del logo tembloroso hace dias, e iba a preguntar al respecto.

    Buena idea lo del thumb en el header.

    ¿Sabes? Echamos de menos la frase aleatoria… Deberías pedir sugerencias para frases por Twitter, Face o en comentarios…

  • WErotaker

    Everything is better with Aeromental.

  • ugn2010

    Por cierto como mola mi avatar XD!!! Se ve genial en el ejemplo que pusiste arriba XD!!!
    (así o mas presumido)

  • CHARLES

    Vaya como ha mejorado y crecido esta pagina, esta muy buena!!!…Felicidades Daniel, sigue asi.
    Ah y ya puse una imagen de avatar porque arriba en el ejemplo no me gusta como se ve el Wavatar. :D

  • gthusho

    #genial.. #like .. me gusta como andas optimizando y mejorando cada detalle..

  • Alejandro

    Genial, como siempre todos los cambios son para bien, pero solo tengo una queja…… Por que no pusiste un comentario mío como ejemplo?? XD Es broma, sigue así. (y)

  • altemi

    huyyy si hace días note lo del logo brincador jajaja xD está buenisimo….

    Me gusto mucho este diseño pero como dice @ugn2010 echamos de menos la frase aleatoria…

    Definitivamente el mejor blog de este lado del mundo!! y ojala siga por mucho tiempo más o por lo menos hasta que lleguen los extraterrestres jajajajajja

  • ugn2010

    He notado que los cambios se ven mejor en Chrome que en Firefox, al menos en el caso de los equipos que uso.

  • Jomo

    En mi compu no se ven los avatares ni el logo animado.
    Felicidades Daniel (y) sigue buscando mejoras en tu mente.

  • Don sincero

    Hola entre por que habia una foto de Natalie Portman y Mila kunis en la cabecera.

  • sam withwiki

    escribo para probar mi nuevo avatar circular GRACIAS DANIEL !!!!!!!!!!!!!!!!!!1

  • Jomo:

    No es problema de tu compu, sino del navegador que usas.

    Estos cambios se ven en Firefox, Google Chrome y Safari (te los recomiendo).

  • Jomo

    Gracias Daniel
    Tal vez sea la version del Firefox que uso.

  • KaiserX

    Aeromental nunca para de evolucionar, por eso es mi blog favorito desde que lo conozco :D