Overlay Effect Menu with jQuery
By Mary Lou on
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. The menu
Navigation
Collapsing Site Navigation with jQuery
By Mary Lou on
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
Thumbnails Navigation Gallery with jQuery
By Mary Lou on
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 CSS
Slide Down Box Menu with jQuery and CSS3
By Mary Lou on
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 will also incl
UI Elements: Search Box with Filter and Large Drop Down Menu
By Mary Lou on
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 effect. We will also
Awesome Cufonized Fly-out Menu with jQuery and CSS3
By Mary Lou on
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 tha
Little Boxes Menu with jQuery
By Mary Lou on
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 some
Scrollable Thumbs Menu with jQuery
By Mary Lou on
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 stack of thumbs ap
Beautiful Background Image Navigation with jQuery
By Mary Lou on
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 s
Rocking and Rolling Rounded Menu with jQuery
By Mary Lou on
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 m
Awesome Bubble Navigation with jQuery
By Mary Lou on
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over the
60+ Interior Design and Furniture Websites for Your Inspiration
By Mary Lou on
It is interesting to explore the design of websites associated to a certain category. There are many collections out there that showcase websites from certain areas,
Fresh Set of CSS-only Menus
By Mary Lou on
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 styleshe
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
By Mary Lou on
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
Self-resizing Navigation Menu with jQuery
By Mary Lou on
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 menu
Fixed Fade Out Menu: A CSS and jQuery Tutorial
By Mary Lou on
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
Beautiful Slide Out Navigation Revised
By Mary Lou on
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
By Mary Lou on
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide ou