Top fixed bar
Parece que hoy día están de moda las barras superiores. En su tiempo fueron las inferiores pero ya muchos de los grandes están dejando una barra superior en ocasiones fija (fixed). Algunos de los ejemplos los puedes ver en:
Y muchas más, que seguro verás todos los días. ¿Por qué se usa ahora arriba? Aparte de que molesta menos, es una buena forma de tener siempre a mano todo lo que necesites para navegar dentro de una web. En ocasiones la he usado en varios de mis proyectos o incluso en alguna que otra página. La razón, porque era la mejor forma de organizar el contenido y tener más espacio libre, sin necesidad de un sidebar o un menú horizontal estático que se perdía en cuanto el usuario bajaba el scroll un poco.
Por ejemplo, en twotwitter.com la uso similar a twitter, en este caso para algunos enlaces tal que inicio, perfil, opciones, o logout.
Pero en el caso de misreflexiones.net creo que es más interesante dar un acceso a las publicaciones del mes, y por eso tengo un calendario que acompaña al hacer scroll.
En este caso lo que hago es, hacerla algo transparente para que no moleste mucho al lector ahí arriba. Y al pasar el ratón por encima la vuelvo opaca para mejorar la visualización.
Aunque antes de poner una barra superior pregúntate si va a ser más útil que molesta para el usuario, antes de ponerla, para seguir un poco la moda.
De todos modos a continuación voy a darte unas pequeñas directrices para crear tu barra superior de forma fácil, que se quede fija siempre en la parte superior, y una parte opcional es, hacerla translúcida al bajar el scroll y ocapa al pasar el ratón por encima. Vamos a ello.
Leer el resto de la entrada