Los menĂºs laterales son esenciales a dĂa de hoy para ofrecer al visitante las acciones mĂ¡s importantes que le lleven a cualquier parte de nuestro sitio web. Por eso mismo os traemos una serie de 9 menĂºs CSS de barra lateral o sidebar para que los integres en tu sitio web y asĂ sumes enteros en la experiencia de usuario a travĂ©s de su PC.
Esa experiencia de usuario es vital a dĂa de hoy en un smartphone o tablet por ser el dispositivo que todo el mundo lleva en su mano. Su facilidad de acceso permite que muchos usuarios deleguen en el mĂ³vil en vez de un ordenador, asĂ que tener nuestra web responsive es esencial. Otra lista de menĂºs, al igual que esta otra que compartimos ya hace unas semanas.
Responsive sidebar-navbar
Este menĂº lateral ofrece soporte a ARIA y puede ser utilizado tanto en modo vertical como en horizontal. Con un diseño bien especial, se distingue por si solo para presentar una animaciĂ³n bastante chula para Facebook, y una serie de hovers que sacan a la luz mĂ¡s animaciones para poner todo el puntazo en el diseño web.
Sidebar Template
Con un tono en oscuro, este menĂº lateral en CSS es bien vistoso por el colorido de sus notificaciones y lo agradable que son sus animaciones. Se vale de menĂº drop down basado en Bootstrap, por lo que tendrĂ¡s los estĂ¡ndares actuales del diseño web en tus manos cuando lo integres en tu sitio web. De gran calidad sin ninguna duda.
Sidebar indicators
Un menĂº lateral basado en indicadores puestos en el lateral izquierdo. Podemos pulsar sobre el icono de hamburguesa para abrir el panel lateral o mismamente ir pulsando sobre cada una de las secciones. Cuenta tambiĂ©n con unas coloridas notificaciones para que no le falte de nada a este menĂº lateral en CSS.
Admin Sidebar
Este menĂº lateral consta de otros iconos bien coloridos para que se expandan en el momento que hacemos hover sobre cada una de sus secciones. MenĂº en HTML y CSS para una rĂ¡pida incorporaciĂ³n a la nueva web que estĂ¡s realizando para un cliente.
Sidebar
Este menĂº lateral y barra de navegaciĂ³n o navbar estĂ¡ hecho en CSS. Podemos pulsar sobre el icono de hamburguesa para expandir todas las opciones de la barra de navegaciĂ³n superior, o mismamente dejar el puntero del ratĂ³n sobre cada una de las secciones. Bien completo y distinguido por su versatilidad.
Sidebar menĂº
Un menĂº lateral en morado que no se distingue por mucho por ser mĂ¡s bien estĂ¡tico y por un amplio menĂº lateral que toma bastante de todo el espacio dejado para el lateral izquierdo de tu sitio web.
Sidebar navigation tooltips
Este menĂº lateral sigue la estela dejada por el anterior al ser bien bĂ¡sico en su composiciĂ³n. Tiene un poco de JavaScript, pero es mĂ¡s bien escaso su cĂ³digo. Tenemos unos botones laterales que toman bien el espacio para cada una de las secciones que queramos incorporar en el sitio web para el que estemos trabajando actualmente. Simple, pero de resultado sin muchas florituras.
Pure CSS Fly
AquĂ nos olvidamos de JavaScript para pasar ante un menĂº lateral puro CSS. Se distingue por su animaciĂ³n y por el concepto propio del menĂº. En vez de expandirse hacia fuera, cada una de las secciones se mete para dentro para encajar justamente ante el icono. Este diseño puede convertir tu sitio web en uno bien original y actual. Otro de los mejores de la lista sin ninguna duda.
Sidebar Menu Hover
Un menĂº lateral que se enseña y se muestra y que estĂ¡ puramente programado en CSS. Simple en su concepciĂ³n, pero de gran resultado para tener un bonito diseño sin muchos alardes. Es de esos menĂºs laterales que estĂ¡n pero no estĂ¡n. Lo que se puede llegar a necesitar.
Os dejamos con esta otra lista de CSS para que sigĂ¡is comprobando el nivel del diseño web actual.