Tooltip Menu
In Blueprints, by Manoela Ilic
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.
menu
Horizontal Slide Out Menu
In Blueprints, by Manoela Ilic
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
Responsive Retina-Ready Menu
In Tutorials, by Stéphanie Walter
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
Simple YouTube Menu Effect
In Tutorials, by Manoela Ilic
A tutorial on how to recreate the effect of YouTube’s little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item list beneath.
Responsive Multi-Level Menu
In Playground, by Manoela Ilic
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Slide and Push Menus
In Blueprints, by Manoela Ilic
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.
Vertical Icon Menu
In Blueprints, by Manoela Ilic
A fixed vertical icon menu that adjusts its size for smaller screens.
Horizontal Drop-Down Menu
In Blueprints, by Manoela Ilic
A responsive horizontal drop-down menu inspired by the Microsoft.com menu.
How to Create a Simple Multi-Item Slider
In Tutorials, by Manoela Ilic
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction.
3D Restaurant Menu Concept
In Tutorials, by Manoela Ilic
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
Responsive Content Navigator with CSS3
In Tutorials, by Manoela Ilic
Today we want to show you how to create a responsive, css-only content navigator.
How to spice up your menu with CSS3
In Tutorials, by Manoela Ilic
Quick tip on how to spice up your menu with CSS3: add an image to every menu item and slide it out on hover.
Creative CSS3 Animation Menus
In Tutorials, by Manoela Ilic
Being in the mood for experimenting with CSS3, I’d like to show you some creative menu hover effects in today’s tutorial. The idea is to have a simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements.
Blur Menu with CSS3 Transitions
In Tutorials, by Manoela Ilic
There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Today I want to show you how to experiment with text shadows and with transitions in order to achieve a blur effect that we’ll apply to a menu on hovering over the elements. The main idea is to blur the other items while enhancing the one we are currently hovering.
Animated Text and Icon Menu with jQuery
In Tutorials, by Manoela Ilic
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.
Sliding Background Image Menu with jQuery
In Playground, by Manoela Ilic
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as size of the image, the hover effect and custom default states.
Moving Boxes Content with jQuery
In Tutorials, by Manoela Ilic
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and […]
Expanding Image Menu with jQuery
In Tutorials, by Manoela Ilic
In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content […]
