slide out

How to spice up your menu with CSS3

By Mary Lou on January 22, 2012

Quick tip on how to spice up your menu with CSS3: add an image to every menu item and slide it out on hover. ...

Expanding Image Menu with jQuery

By Mary Lou on March 16, 2011

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 sl ...

Overlay Effect Menu with jQuery

By Mary Lou on November 25, 2010

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 ...

Awesome Cufonized Fly-out Menu with jQuery and CSS3

By Mary Lou on June 28, 2010

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 mo ...

UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu

By Mary Lou on June 21, 2010

Today we will show you some useful and neat UI elements that are focused on selecting content. We will be using jQuery and some CSS3 properties for the style to give ...

Fresh Sliding Thumbnails Gallery with jQuery and PHP

By Mary Lou on May 23, 2010

In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving th ...

Sliding Panel Photo Wall Gallery with jQuery

By Mary Lou on May 14, 2010

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when ...

Elegant Accordion with jQuery and CSS3

By Mary Lou on April 26, 2010

Today we will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We wil ...

End of Page Slide Out Box with jQuery

By Mary Lou on April 13, 2010

The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the las ...

A Fresh Bottom Slide Out Menu with jQuery

By Mary Lou on March 9, 2010

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. ...

Grungy Random Rotation Menu with jQuery and CSS3

By Mary Lou on February 24, 2010

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 l ...

Awesome CSS3 & jQuery Slide Out Button

By Mary Lou on February 8, 2010

Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This butto ...

CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation

By Mary Lou on January 17, 2010

Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-styleR ...

Beautiful Slide Out Navigation Revised

By Mary Lou on December 8, 2009

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 ...

CSS and jQuery Tutorial: Overlay with Slide Out Box

By Mary Lou on December 3, 2009

The other day I was creating an overlay with a box for Cody’s jTextTranslate jQuery Plugin and I thought, it could be useful to describe the technique in a tut ...

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

By Mary Lou on November 30, 2009

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 – ...