Tag Archives: navigation

Creating a CSS3 Dropdown Menu – Video Tutorial

Posted in Coding, HTML & CSS, Web Design1 year ago • Written by 7 Comments

We have talked a lot about about HTML5 and CSS3 in the past couple of months and today we continue the series of video tutorials with a new addition: creating a CSS3 dropdown menu from scratch. It is extremely easy to do, so don’t be scared.

The video is a bit longer, it runs for about 40 minutes, this is because I have gone into great detail explaining the process so that everyone will understand all of the properties. Once you are able to do it on your own, 10-15 minutes should be enough for you to go through the necessary coding and create this dropdown menu.

Creating a CSS3 Dropdown Menu – Video Tutorial Read More

Cool Tips and Resources to Make Your Website Tablet-Friendly

Posted in Tips, Tools, Web Design2 years ago • Written by 4 Comments

Is your website ready for the Tablet Revolution? Unless you are one of those Doomsday Preppers and you’ve been living in your bug out bunker for the past few weeks, you know iPad 3 just hit the market, and people are going crazy over it. It’s only taken a few years, but the release of Apple’s iPad, among all of the other tablets, has created a new HUGE trend that website owners need to be aware of. The Tablet Revolution, as some are referring to it, has cause many website owners to rethink their website design and layout.

Cool Tips and Resources to Make Your Website Tablet-Friendly Read More

Tips on Designing the Perfect Navigation System for Your Website

Posted in Tips, Usability, Web Design2 years ago • Written by 8 Comments

Where is the Home Button? Does this website even care about its navigation system? And, by the way, why are they using breadcrumbs when I don’t see how it could be useful? Well, navigational menus can be a big turn off for your readers if they aren’t planned well. Although webmasters assume that a simple menu is enough, most of the time yet they forget that a navigational menu has its own requirements. Sometimes a simple to use navigation will do just fine for your website design while at times you will have to click a lot of links into your navigational menu so as to compliment the various branches of your website.

This discussion will pick up some of the obvious forms of websites and then shed some light on how the navigational menu changes for each of them. Hold tight and don’t leave!

Tips on Designing the Perfect Navigation System for Your Website Read More

50 Creative Websites with Highly Unusual Navigation

Posted in Inspiration, Web Interfaces2 years ago • Written by 4 Comments

Navigation plays a crucial role in the success or failure of any website. An easy to navigate website is more likely to be explored in more detail as compared to a website with more complex navigation. Regardless of the functionality of the website, the navigation is the first thing that must be taken care of.

Accomplishing matchless navigation that successfully performs its function is almost similar to mounting Mt. Everest. Getting an exceptional navigation with wonderful functionality makes the website easy to navigate and interesting for the visitors, therefore assuring a better user experience.

At this time, we have selected some websites with marvelous and distinctive navigational elements that will not only enthuse you, but will demonstrate to you how to merge novelty with realism. Enjoy!

50 Creative Websites with Highly Unusual Navigation Read More

An Introduction to Breadcrumb Navigation

Posted in Showcase, Usability, Web Design3 years ago • Written by 11 Comments

Web design has come a long way. Gone are the days when a collection of a few static pages would complete a website. As of now it is about the ever-growing model of content creation that exponentially increases the depth of a website. A simple website can become the go-to hub of information in only a few months time. This is when the complexity of that website increases and it becomes necessary for the webmaster to handle the same.

Reducing complexity is an art and a “breadcrumb” is one tool that designers love to use. Breadcrumbs act as the navigational device for a website visitor. When used smartly, breadcrumbs make website navigation effortless. This article will enlighten you about the basics of breadcrumbs and help you understand the importance of breadcrumbs in your upcoming web design.

An Introduction to Breadcrumb Navigation Read More

Eye-Catching Websites With One-of-a-Kind Navigations For Inspiration

Posted in Inspiration, Web Design, Web Interfaces3 years ago • Written by 3 Comments

A website is like a magazine where people search for information. The table of contents of a magazine is like the navigation of a website. Table of contents provides an overview of your magazine, while a navigation also shows on what your viewers should expect to see on your website. Both serves as pathways for your viewers on how they can read your mag or explore your website.

Whenever I think of what is the most important task a web designer could do, I always end up thinking that it should be the creation of good navigation. It must be well-designed in a user-friendly manner that the moment the viewer sees it, they instantly understand how it is used and what is it for. A navigation must also be creatively done, it is one of the elements you can find on a website where you can capture a viewer’s attention.

Eye-Catching Websites With One-of-a-Kind Navigations For Inspiration Read More

61 Unusual Navigation Menus In CSS, Flash And JavaScript

Posted in Inspiration3 years ago • Written by 13 Comments

What is one of the aspect of a website that always needed? It is the navigation menu. Navigation menu is a useful part of  the website because it leads the user to different part of the website. Interaction to the website is the main use of the navigation menu.More and more great looking and user-friendly navigation menus are being created that gives  life to the websites.

I’ll be featuring 61 great looking and really unusual navigation menus which are CSS-based design solutions, JavaScript-based menus and Flash-designs.

61 Unusual Navigation Menus In CSS, Flash And JavaScript Read More

30 jQuery Accordion Menus, Tutorials And Best Examples

Posted in Freebies4 years ago • Written by 14 Comments

Accordion menus are used widely in navigating, sliding, minimizing and maximizing content. Such accordions practically are expandable whenever needed; you can really save some space and be able to show a lot of information using this technique.

Yes, and, of course, such sliding content always is great from the design point of view aby giving your visitor unique experience while he is looking at the site. Great, isn’t it? – here you will find a lot of customizable plugins, and tutorials to help you to understand accordions.

30 jQuery Accordion Menus, Tutorials And Best Examples Read More

How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

Posted in Tutorials4 years ago • Written by 26 Comments

In the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It’s that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away and hide. Yeah, that CSS3. And I’m more than sure you have heard about jQuery. If you haven’t, well, it’s a kind of library where you cannot borrow any books, but it allows you to do other stuff and bring some additional magic to the web.

How to Create a “Stay-On-Top” Menu with CSS3 and jQuery Read More

30 Cutting Edge Examples Of CSS Navigation

Posted in Coding, HTML & CSS4 years ago • Written by 27 Comments

Navigation is one of those things you have to get right in order to provide your users with easy access to your website’s content. Today we’ll take a look at 30 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in CSS3.

I hope you will  enjoy this post. Please feel free to chime in by leaving a comment at the end of this post as well!

30 Cutting Edge Examples Of CSS Navigation Read More - unknown - unknown - US