How to Create a jQuery Animated Sliding Sub-Menu Navigation

by Jake Rocheleau
on September 6, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

We have seen a lot of different jQuery techniques over the years. This comes at a time when website navigation is at an utmost importance. User experience is key in all forms of design. Without perfecting your layout it will be difficult to keep visitors coming back for more. And with so many jQuery Plugins for Navigation it’s hard to miss something great.

Below I’ll be going into the code for developing a very basic dropdown navigation in jQuery. This will include a sub-menu of links to different profiles such as Twitter and Facebook. To create your own setup I would recommend checking Icon Finder to match any social networks you enjoy. But this navigation can be used for almost anything requiring a drop-down setup.

DesignMag Sliding jQuery Navigation Menu Tutorial Demo

Read More

Coding an Instant Login Form with jQuery and PHP/Ajax

by Jake Rocheleau
on August 31, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

Login forms have been around for decades. In web design these are very common with so many social media interactions occurring on a daily basis. However the static web has gone by the wayside to make room for much more dynamic content. With popularity growing for the jQuery library it is only natural to see so many new effects being created.

In this brief tutorial I’m going to explain how to create an instant login form with jQuery and PHP. We won’t be accessing any database to keep things simplified for now. Instead I’ve hard coded a username/password combo just for the demonstration of this article. The form automatically begins checking after you type some information to see when you hit the correct user & password combination!

If you’d like to get a better idea check out the demo link below. I’ve also provided my source code free to download. The HTML web page will open and run jQuery properly but without a server running PHP the form cannot be processed. Keep this in mind when playing around with the source code.

Demo of Instant Login Form

Read More
Page 196 of 449« First...194195196197198...Last »