background preloader

25 jQuery Tutorials for Improved Navigation Menus

25 jQuery Tutorials for Improved Navigation Menus
Get the FlatPix UI Kit for only $7 - Learn More or Buy Now In this post, I have collected 26 useful jQuery navigation menu tutorials. Enjoy! Mega Drop Down Menus w/ CSS & jQuery Animated Navigation with CSS & jQuery Create Simple Dropdown Menu Using jQuery Collapsing Site Navigation with jQuery Use Sprites to Create an Awesomeness-Filled Navigation Menu Thumbnails Navigation Gallery with jQuery Sexy Drop Down Menu w/ jQuery & CSS How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery Slide Down Box Menu with jQuery and CSS3 Awesome Bubble Navigation with jQuery Beautiful Background Image Navigation with jQuery Fancy Apple-Style Icon Slide Out Navigation Halftone Navigation Menu With jQuery & CSS3 Beautiful Slide Out Navigation Revised Animated Navigation Menu with CSS3 Create animated vertical Menu Using Jquery Create Bounce out Vertical menu with jQuery jQuery Dropdown Navigation in WordPress Create an apple style menu and improve it via jQuery How to Build a Lava-Lamp Style Navigation Menu

http://designm.ag/resources/26-useful-jquery-navigation-menu-tutorials/

Related:  design UX

New Approaches To Designing Log-In Forms - Smashing UX Design Advertisement For many of us, logging into websites is a part of our daily routine. In fact, we probably do it so often that we’ve stopped having to think about how it’s done… that is, until something goes wrong: we forget our password, our user name, the email address we signed up with, how we signed up, or even if we ever signed up at all. These experiences are not just frustrating for us, but are bad for businesses as well. Merging Image Boxes with jQuery Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter […] View demoDownload source Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image.

The Future of Moral Machines The Stone is a forum for contemporary philosophers and other thinkers on issues both timely and timeless. A robot walks into a bar and says, “I’ll have a screwdriver.” A bad joke, indeed. But even less funny if the robot says “Give me what’s in your cash register.” The fictional theme of robots turning against humans is older than the word itself, which first appeared in the title of Karel Čapek’s 1920 play about artificial factory workers rising against their human overlords. Just 22 years later, Isaac Asimov invented the “Three Laws of Robotics” to serve as a hierarchical ethical code for the robots in his stories: first, never harm a human being through action or inaction; second, obey human orders; last, protect oneself. Overlay-like Effect with jQuery A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.

Examples of Orange in Web Design Here at DesignM.ag we have done round ups in the past dedicated to more popular of colors such as reds and blues, but in today’s post, we will share with you 22 examples of the color orange in web design. Eight Hour Day WebDesign Karlsruhe Collison Web Design Conference Fox Classics jquery custom content scroller Last updated on Mar 10, 2015 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.0.8 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul.

Getting the Most Out of QR Codes Using URI Schemes Lately, everyone has been talking about the potential of the QR code. It has become the Internet’s equivalent of traditional barcodes (like those you’d find on physical goods at your favorite retail store). Someone can take a quick snapshot of a QR code with their smartphone and immediately have a website up and loaded, so we could print QR codes on paper and physical goods such as business cards, magazine ads and posters in order to lead people to our site. But, more often than not, web developers don’t use QR codes to their fullest potential. In this article, we’ll discuss a technique that will unlock the full potential of QR codes through URI schemes.

Fullscreen Gallery with Thumbnail Flip In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation […] Urban Landscape Photography Showcase - Web Design Blog – DesignM.ag Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Beautiful urban photos can be quite interesting and inspirational. I hope you enjoy the selection that is featured here. If you see something you like, click through and check out some of the other work from the photographer. Source: Konrad Jakubowski 20 Unique and Creative Image Sliders Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way. From the classical slide-to-the-side method to modern full page sliders – today we want to show you some unique and creative versions of the classical image slider. IWC […] Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way.

30 More Portfolio Sites for Your Design Inspiration - Web Design Blog – DesignM.ag Designers and developers are growing in numbers and plenty of these folks have outstanding portfolios. The common advantage of the Internet is that anybody from anywhere in the world can check out your projects during any time of the day! If you wish to land more freelance work then I would recommend taking a peek at your current portfolio to see if anything could be updated. And to help with building ideas for your own website, I have collected 200 various portfolios of graphics designers, developers, writers, and other digital creatives.

41 Textured Websites for Design Inspiration - Web Design Blog – DesignM.ag Get the FlatPix UI Kit for only $7 - Learn More or Buy Now One design element or technique that can quickly take a good design and turn it into something that truly stands out is the use of texture. As you look around at well-designed sites, texture is very popular right now. In this post we’ll showcase 41 websites that make good use of texture. Brusheezy

Related: