Expanding Bar Navigation Concept
By Mary Lou on
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked. ...
Navigation
Inspiration for Navigation Indicators
By Mary Lou on
Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slideshow. ...
Page Stack Navigation
By Mary Lou on
A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation. ...
Arrow Navigation Styles
By Mary Lou on
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. ...
Dot Navigation Styles
By Mary Lou on
Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or ...
Perspective Page View Navigation
By Mary Lou on
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mob ...
Animated Border Menus
By Mary Lou on
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps. ...
Creative Layouts and Interactions in Web Design
By Carrie Cousins on
Creative design that differ from the usual layouts can be quite difficult to imagine and execute but when done well, they can make some of the most interesting and e ...
Windy: A Plugin for Swift Content Navigation
By Pedro Botelho on
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm. ...
CSS-Only Responsive Layout with Smooth Transitions
By Mary Lou on
A tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators we will trigger tr ...
Examples of Fresh Effects in Web Design
By Mary Lou on
Having some fresh and maybe even unexpected effects on a website, can juice up the experience for the user. Be it a whole new and experimental way of navigating thro ...
Creative CSS3 Animation Menus
By Mary Lou on
Being in the mood for experimenting with CSS3, I'd like to show you some creative menu hover effects in today's tutorial. The idea is to have a simple composition of ...
Blur Menu with CSS3 Transitions
By Mary Lou on
There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Today I want to show you how to experiment with tex ...
Circle Navigation Effect with CSS3
By Mary Lou on
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and ma ...
Portfolio Image Navigation with jQuery
By Marcin Dziewulski on
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in ...
Animated Text and Icon Menu with jQuery
By Mary Lou on
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the back ...
Sliding Background Image Menu with jQuery
By Mary Lou on
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all ...
Grid Navigation Effects with jQuery
By Mary Lou on
Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll t ...
Sliding Letters with jQuery
By Mary Lou on
Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is ...
Moving Boxes Content with jQuery
By Mary Lou on
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and ...
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 ...
Animated Content Menu with jQuery
By Mary Lou on
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 inf ...
25 Examples of Interesting and Beautiful Navigation
By Gisele Muller on
Designing the perfect navigation for a website it's one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to b ...
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 ...