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 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. How bad? To top it off, visitors who are not logged in do not see a personalized view of a website’s content and recommendations, which reduces conversion rates and engagement. Is This You? Gowalla’s sign-in form (below) looks pretty standard: enter your user name or email address and your password, and then sign in. The sign-in form on Gowalla. But Gowalla has taken the time to include a few more components to help people log in with more confidence if their first attempt hasn’t worked. A log-in error on Gowalla. Instant Sign-In Quora’s one-click log-in page. (al)

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. 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. Machines are increasingly operating with minimal human oversight in the same physical spaces as we do. The prospect of machines capable of following moral principles, let alone understanding them, seems as remote today as the word “robot” is old. This is why, in my view, we need to think long and hard about machine morality. Leif Parsons There are big themes here: freedom of will, human spontaneity and creativity, and the role of reason in making good choices — not to mention the nature of morality itself. This is autonomy in the engineer’s sense, not the philosopher’s.

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 Web Design by Designers TEDxToronto The Hickensian United States Artists Coucou Go Live! Sam Schick Lost Type The Hemsley Foodzy Florida After Seven Nicely Replayed Sparkbox Cufflink Suite Zennaware Jessica Hische Thrive Solo 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. How QR Codes Work in a Nutshell Let’s learn how the QR code mechanism actually works. Certain commands (known as responses) are built in, and when a QR code is captured by a camera (usually one on a smartphone or tablet), the image of the QR code is processed and then the built-in response is carried out. QR-Code Readers The answer is yes!

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 Source: Marlon Krieger Source: Rinze van Brug Source: Nickolas Sushkevich Source: Konrad Jakubowski Source: Konrad Jakubowski Source: Mark Mawson Source: Rinze van Brug Source: Konrad Jakubowski Source: Rinze van Brug Source: John Wildgoose Source: Winni Wintermeyer Source: Charles-Etienne Pascal Source: Smashcut Source: Locator Source: Bondidwhat Source: holly_northrop Source: vxside For more, please see: About Steven Snell Stephen Snell is the owner and editor of Vandelay Design.

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. This is a massive showcase gallery full of design inspiration for unique portfolio layouts. If you like this post you might also like our post 35 mobile responsive portfolio layouts Mathew Helme Mat has one of the nicest portfolio sites I’ve seen. Aaron C-T Clean and lightweight is a great way to get started. Becky Murphy Becky is a writer and illustrator who has created some great pieces and her own book. Nidhi Chanani Vitor Kirk Wallace Mary Fran Wiley D.

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 Family Life Bike & Saddle Decent Weblog Istok Pavlovic Nue(me)dia Rock Point Giblette Spout Creative Blog Amuki Darnology No Milk Today Derek Sholl Versions Clear Media Made to Kill CustodialAbuse.org Black Wave Creative Rockatee Ploc Media Alex Coleman The Blizzards Alpine Meadows Retinart The Darling Tree Doejo LogoGala Kiluka Eggraphy Cherokee Mills ArtFlavors Frisk Web The Blog Studio Unblogged Touch Grind Timothy van Sas Villa Dario Narfstuff The Organic Supermarket Island Photobooth For more web design inspiration, see: About Steven Snell Stephen Snell is the owner and editor of Vandelay Design.

13 Sexy Sign-up Forms - Web Design Blog – DesignM.ag Get the FlatPix UI Kit for only $7 - Learn More or Buy Now When it comes to online strategies you should never overlook the design of your sign up page. Some of the given examples are sites than many of you I’m sure are familiar with, although, I feel there are some growing gems among the group. (And when I say sexy, I really mean quality ) Take a look around! Gist Gravatar Kontain MOJO-Themes Ning Ping Tumblr Vimeo WordPress Wufoo Better Blogger Build it with me Boxee.tv Author Bio: I am a 26 year old internet entrepreneur and co-founder of MOJO-Themes. About Brady Nord Co-founder of Mojo-Themes.com

Why the future of mobile is screenless, touchless "A phone today is a a value-added service, a 'teleputer,' a creature born with genes coming from a cell phone and a personal computer," according to independent researcher Szymon Slupik . Speaking yesterday at the invitation-only Emerging Communications Conference & Awards (eComm), the Krakow-based futurist explained that by 2020, a mobile phone as we know it will disappear, evolving into a device linking our senses directly with senses of other people or with machines. What device will displace the role of today's smartphone: . Internet eyeglasses concept presented by Szymon Slupik at eComm 2011 "Voice was always organized in sessions with a beginning and an end. So how do we get there and when? - MEMS (microelectromechanical systems)-based laser projectors can display images directly on our retinas while not blocking our sight, enabling mixed reality vision. - We need to control the functions by the mind to become really hands free. After his talk, Slupik gave me another example.

5 Ways Big Companies Can Pivot Like Lean Startups Innovation. You’ve either got it or you haven’t. Right now, Procter and Gamble hasn’t. Its recent mediocre results have been blamed on a drought of new blockbusters. Has the corporate world run out of ideas? Did you know that Twitter used to be a podcast subscription service called Odeo, or that Flickr was once something called Game Neverending? Pivoting means that new technologies don’t get wasted. 1. Most big organizations are idea-generating machines. In theory, anything that makes it alive through this gauntlet should triumph in the market. What if your process forced innovations to evolve rather than die? We’ve found the best way to do this is with a pivot workshop. The next bit is simple. 2. The pivot process is a hungry beast; it’s hungry for insight into consumer needs. To gather those needs, you need to think like a lean tech startup: • Go wide, not deep. • Don’t overthink stuff. • Get your head out of your business, or anything that looks like it. 3. 4. 5.

Related: