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