Google Nexus Website Menu
By Mary Lou on
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
slide out
How to spice up your menu with CSS3
By Mary Lou on
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
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 con
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
Related Posts Slide Out Boxes with jQuery and CSS3
By Mary Lou on
The other day we were wondering how we could show our visitors more of our works. It’s normal that in a blog older posts get forgotten and even if something mi
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
UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu
By Mary Lou on
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
In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to a
Sliding Panel Photo Wall Gallery with jQuery
By Mary Lou on
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 we hover. When an image i
Elegant Accordion with jQuery and CSS3
By Mary Lou on
Today we will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 propertie
End of Page Slide Out Box with jQuery
By Mary Lou on
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 last part of the article. It
A Fresh Bottom Slide Out Menu with jQuery
By Mary Lou on
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 from th
Grungy Random Rotation Menu with jQuery and CSS3
By Mary Lou on
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 bit messy: the menu
Awesome CSS3 & jQuery Slide Out Button
By Mary Lou on
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
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
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
CSS and jQuery Tutorial: Overlay with Slide Out Box
By Mary Lou on
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
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