DevSnippets » Navigation http://devsnippets.com Design & Code Snippet Gallery Tue, 10 Jan 2012 11:09:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Rotated Background with Slide Up Menu http://devsnippets.com/design-elements/rotated-background-with-slide-up-menu.html http://devsnippets.com/design-elements/rotated-background-with-slide-up-menu.html#comments Wed, 03 Mar 2010 15:13:32 +0000 tdomf_661f8 http://devsnippets.com/?p=15281 Let\’s think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.

]]> http://devsnippets.com/design-elements/rotated-background-with-slide-up-menu.html/feed 0 10 Amazing Jquery Navigation Menus http://devsnippets.com/design-elements/10-amazing-jquery-navigation-menus.html http://devsnippets.com/design-elements/10-amazing-jquery-navigation-menus.html#comments Mon, 08 Feb 2010 19:06:54 +0000 tdomf_661f8 http://devsnippets.com/?p=14107 If you want to create a navigation menu, that really stands out of the crowd, jQuery could be the right choice to choose offering bunch of customizable options. That’s why I present to You 10 really good jquery navigation menu examples for every need.

]]> http://devsnippets.com/design-elements/10-amazing-jquery-navigation-menus.html/feed 0 How to Build a jQuery Brush Stroke Navigation http://devsnippets.com/design-elements/how-to-build-a-jquery-brush-stroke-navigation.html http://devsnippets.com/design-elements/how-to-build-a-jquery-brush-stroke-navigation.html#comments Fri, 05 Feb 2010 15:46:07 +0000 Onextrapixel http://devsnippets.com/?p=13946 Today we are building an animated navigation for a watercolor-styled website which will have links that appear to be painted when it is hovered on. The watercolor graphics were created in Photoshop and we’ll be using the popular jQuery JavaScript framework for the animation.

jquery-brush-navi100.jpg (4 KB)

]]> http://devsnippets.com/design-elements/how-to-build-a-jquery-brush-stroke-navigation.html/feed 0 Importance of Website Architecture and Navigation http://devsnippets.com/design-elements/importance-of-website-architecture-and-navigation.html http://devsnippets.com/design-elements/importance-of-website-architecture-and-navigation.html#comments Mon, 18 Jan 2010 10:11:42 +0000 tdomf_661f8 http://devsnippets.com/?p=13137 Your website’s overall architecture (design) and navigational structure determines the success of your online business.

]]> http://devsnippets.com/design-elements/importance-of-website-architecture-and-navigation.html/feed 0 Cubex: new navigation http://devsnippets.com/design-elements/cubex-new-navigation.html http://devsnippets.com/design-elements/cubex-new-navigation.html#comments Mon, 11 Jan 2010 11:47:34 +0000 tdomf_661f8 http://devsnippets.com/?p=12729 Different Navigation for online portfolio

]]> http://devsnippets.com/design-elements/cubex-new-navigation.html/feed 0 jZmei – The jQuery Snake game http://devsnippets.com/design-elements/jzmei-the-jquery-snake-game.html http://devsnippets.com/design-elements/jzmei-the-jquery-snake-game.html#comments Tue, 22 Dec 2009 15:12:27 +0000 tdomf_661f8 http://devsnippets.com/?p=11924 New rewritten Javascript version with open source of popular Snake game.

]]> http://devsnippets.com/design-elements/jzmei-the-jquery-snake-game.html/feed 0 Fading navigation on the Google homepage http://devsnippets.com/design-elements/fading-navigation-on-the-google-homepage.html http://devsnippets.com/design-elements/fading-navigation-on-the-google-homepage.html#comments Fri, 11 Dec 2009 14:05:30 +0000 Paul Olyslager http://devsnippets.com/?p=11631 Google is testing some new features, trying to improve the interface to a more efficient, simpler and intuitive search experience. How did they do this?

]]> http://devsnippets.com/design-elements/fading-navigation-on-the-google-homepage.html/feed 0 How to Create an Animated Stripe Bar Preloader http://devsnippets.com/design-elements/how-to-create-an-animated-stripe-bar-preloader.html http://devsnippets.com/design-elements/how-to-create-an-animated-stripe-bar-preloader.html#comments Sun, 25 Oct 2009 11:18:23 +0000 tdomf_661f8 http://devsnippets.com/?p=8365 In this tutorial we are going to demonstrate the steps required to create a cool animated stripe bar preloader that you see in some of flash websites.

]]> http://devsnippets.com/design-elements/how-to-create-an-animated-stripe-bar-preloader.html/feed 0 Using jQuery to create a minimal sitemap section slider http://devsnippets.com/design-elements/using-jquery-to-create-a-minimal-sitemap-section-slider.html http://devsnippets.com/design-elements/using-jquery-to-create-a-minimal-sitemap-section-slider.html#comments Wed, 21 Oct 2009 18:02:49 +0000 tdomf_661f8 http://devsnippets.com/?p=7947 Have you ever gone to a website and visited their sitemap page only to find an elongated page that you have to scroll forever to try to find what you are looking for? If you answer is “yes” then we are in the same boat. Well that got me to thinking. Why couldn’t we use the power of jQuery to basically organize the sitemap into sections and expand the section when you click on the…

]]> http://devsnippets.com/design-elements/using-jquery-to-create-a-minimal-sitemap-section-slider.html/feed 0 Realtime Related Stream Bar: A Collecta-powered jQuery plugin http://devsnippets.com/design-elements/realtime-related-stream-bar-a-collecta-powered-jquery-plugin.html http://devsnippets.com/design-elements/realtime-related-stream-bar-a-collecta-powered-jquery-plugin.html#comments Tue, 06 Oct 2009 14:43:47 +0000 mikemore http://devsnippets.com/?p=6007 This is a jQuery plugin to create a bar of real-time stream of information related to your post powered by Collecta search engine.
Collecta monitors the streams of news sites, popular blogs and social media. So it can show you results as they happen.

]]> http://devsnippets.com/design-elements/realtime-related-stream-bar-a-collecta-powered-jquery-plugin.html/feed 0