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