Animated Content Menu with jQuery
In Tutorials, by Manoela Ilic
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information […]
menu
Overlay Effect Menu with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. […]
Collapsing Site Navigation with jQuery
In Tutorials, by Manoela Ilic
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the […]
Thumbnails Navigation Gallery with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties […]
Slide Down Box Menu with jQuery and CSS3
In Tutorials, by Manoela Ilic
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We […]
UI Elements: Search Box with Filter and Large Drop Down Menu
In Playground, by Manoela Ilic
Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the […]
Awesome Cufonized Fly-out Menu with jQuery and CSS3
In Tutorials, by Manoela Ilic
In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts […]
Little Boxes Menu with jQuery
In Tutorials, by Manoela Ilic
Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for […]
Scrollable Thumbs Menu with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical […]
Beautiful Background Image Navigation with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the […]
Rocking and Rolling Rounded Menu with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a […]
Pretty Simple Content Slider with jQuery and CSS3
In Tutorials, by Manoela Ilic
Today we will create an auto-playing content slider with jQuery and CSS3. The idea is to alter the background image and to slide in the heading and the description. By […]
A Fresh Bottom Slide Out Menu with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out […]
Grungy Random Rotation Menu with jQuery and CSS3
In Tutorials, by Manoela Ilic
In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a […]
Fresh Set of CSS-only Menus
In Articles, by Manoela Ilic
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I used 12 different […]
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
In Tutorials, by Manoela Ilic
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-style” don’t really go together, I thought that it’s time for […]
Self-resizing Navigation Menu with jQuery
In Playground, by Manoela Ilic
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes you need to reuse a […]
Fixed Fade Out Menu: A CSS and jQuery Tutorial
In Tutorials, by Manoela Ilic
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to […]
