Creative Layouts and Interactions in Web Design
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 ... read more
Navigation
Windy: A Plugin for Swift Content Navigation
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. ... read more
CSS-Only Responsive Layout with Smooth Transitions
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 ... read more
Examples of Fresh Effects in Web Design
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 ... read more
Creative CSS3 Animation Menus
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 ... read more
Blur Menu with CSS3 Transitions
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 ... read more
Circle Navigation Effect with CSS3
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 ... read more
Portfolio Image Navigation with jQuery
By Marcin Dziewulski 53 Comments
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 ... read more
Animated Text and Icon Menu with jQuery
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 ... read more
Sliding Background Image Menu with jQuery
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 ... read more
Grid Navigation Effects with jQuery
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 ... read more
Sliding Letters with jQuery
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 ... read more
Moving Boxes Content with jQuery
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at ... read more
Expanding Image Menu with jQuery
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 ... read more
Animated Content Menu with jQuery
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 c ... read more
25 Examples of Interesting and Beautiful Navigation
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 ... read more
Collective: Cursor following menu
A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure. Source http://manos.malihu.gr/ ... read more
Overlay Effect Menu with jQuery
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 ... read more
Collective: How to Create an Awesome Scrolling Navigation using jQuery
I was looking over the .net award nominees this week and stumbled across the flipboard.com website. I loved the scrolling navigation so much I just had to open up vi ... read more
Collapsing Site Navigation with jQuery
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, ... read more
Thumbnails Navigation Gallery with jQuery
In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going t ... read more
Slide Down Box Menu with jQuery and CSS3
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 p ... read more
UI Elements: Search Box with Filter and Large Drop Down Menu
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 ... read more
Awesome Cufonized Fly-out Menu with jQuery and CSS3
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 ... read more