Posts categorized as: Tutorials

How to Create a jQuery Animated Sliding Sub-Menu Navigation

by Jake Rocheleau

September 6, 2011 in Tutorials

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

August 31, 2011 in Tutorials

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

21 Fresh Text Effect Tutorials

by Matthew Heidenreich

July 31, 2011 in Tutorials

There are many different ways to express yourself through typography, and thankfully, we have Photoshop there to help us make it that much easier. In today’s post, I will share with you 21 fresh text effect tutorials for Photoshop to help spice up your next project.

Fantasy Spring Text Effect

Read More
Page 12 of 23« First...1011121314...Last »